@charset "utf-8";
/* CSS Document 
@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/
/************/
/***
* Yellow: #fdb801
*
**/
@font-face {
	font-family: 'BeVietnamPro';
	src: 
		local("BeVietnamPro-Light"), 
		local("BeVietnamPro Light"), 
		url( 'fonts/BeVietnamPro-Light.ttf') format('truetype');
		font-weight: normal;
}
@font-face {
	font-family: 'BeVietnamPro';
	src:
		local("BeVietnamPro-LightItalic"), 
		local("BeVietnamPro-Light-Italic"), 
		local("BeVietnamPro LightItalic"), 
		local("BeVietnamPro Light Italic"), 
		url( 'fonts/BeVietnamPro-LightItalic.ttf') format('truetype');
		font-style: italic;
}
@font-face {
	font-family: 'BeVietnamPro';
	src:
		local("BeVietnamPro-Bold"), 
		local("BeVietnamPro Bold"), 
		url( 'fonts/BeVietnamPro-Bold.ttf') format('truetype');
		font-weight: bold;
}
@font-face {
	font-family: 'BeVietnamPro';
	src:
		local("BeVietnamPro-BoldItalic"), 
		local("BeVietnamPro-Bold-Italic"), 
		local("BeVietnamPro BoldItalic"), 
		local("BeVietnamPro Bold Italic"), 
		url( 'fonts/BeVietnamPro-BoldItalic.ttf') format('truetype');
		font-weight: bold;
		font-style: italic;
}
@keyframes hoverOut {
0% {
    opacity: 1;
    transform: translate(0px, 0px);
}
100% {
    opacity: 0;
    transform: translate(0px, -100%);
}
}
@keyframes hoverOut {
0% {
    opacity: 1;
    transform: translate(0px, 0px);
}
100% {
    opacity: 0;
    transform: translate(0px, -100%);
}
}
@keyframes hoverIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
    transform: translate(0px, 0px);
}
}
@keyframes hoverIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
    transform: translate(0px, 0px);
}
}
@keyframes hoverOutInner {
0% {
    opacity: 0;
    transform: translate(0px, 30px);
}
100% {
    opacity: 1;
    transform: translate(0px, 0px);
}
}
@keyframes hoverOutInner {
0% {
    opacity: 0;
    transform: translate(0px, 30px);
}
100% {
    opacity: 1;
    transform: translate(0px, 0px);
}
}
@keyframes hoverInInner {
0% {
    opacity: 1;
    transform: translate(0px, 0px);
}
100% {
    opacity: 0;
    transform: translate(0px, -30px);
}
}
@keyframes hoverInInner {
0% {
    opacity: 1;
    transform: translate(0px, 0px);
}
100% {
    opacity: 0;
    transform: translate(0px, -30px);
}
}
/****************/
:root{
	--color: #e9e9e9;
	--fdefault: 'BeVietnamPro', sans-serif;
	--ftitle: 'BeVietnamPro', sans-serif;

}
/****************/
body{
	/* font:13px/24px 'Open Sans', sans-serif; */
	font: 14px/26px var( --fdefault); color: var( --color );
	position:relative;	overflow-x:hidden; min-height: 100vh;
	background-color:#333333; background-repeat:no-repeat;
	background-position: center top; background-size:cover;
}
.page-project{
	/*overflow:hidden;*/
}
.queryLoader{
}
.h_project, .h_people, .h_award{
	height:420px; overflow:hidden;
}
/**************/
.animsition-loading{
	border-color:rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) #fdb801;
}
.screen-container{
	width:100%; margin:auto; position:relative; overflow:hidden;
	padding-left:15px; padding-right:15px;
	z-index:9;
}
.page-container{
	width:65%; margin:auto; position:relative; overflow:hidden;
}
.page-margin{
	margin-top:125px;
}
.img-full{
  display: block; width: 100% !important; height: auto !important;
}
/**********/
.arrow-page-prev, .arrow-page-next{
	position:fixed; top:49%; z-index:999;
	width:60px; height:73px; display:block; overflow:hidden;
	background-color:rgba(0, 0, 0, 0.3); color:#FFF;
}
.arrow-page-prev{
	left:0;
}
.arrow-page-next{
	right:0;
}
.arrow-page-prev a, .arrow-page-prev span{
	background:url(../img/arrow-left.png) no-repeat center center;
	width:100%; height:100%; display:block; overflow:hidden;
	cursor:pointer;
}
.arrow-page-next a, .arrow-page-next span{
	background:url(../img/arrow-right.png) no-repeat center center;
	width:100%; height:100%; display:block; overflow:hidden;
	cursor:pointer;
}
.arrow-page-prev span, .arrow-page-next span{
	cursor:not-allowed; opacity:0.3; -moz-opacity:0.3; -webkit-opacity:0.3;
}
.arrow-page-prev:hover, .arrow-page-next:hover{
	background-color:rgba(255, 210, 88, 0.85);
}
/**************/
#pagination{
	text-align:center; margin-top:1.5%;
}
#pagination > *{
	display:inline-block; line-height:14px; overflow:hidden;
	width:14px; height:14px; margin-right:7px; text-indent:-100px;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
	background:#fffbfb;
}
#pagination > b{
	background:#fdb801;
}
#btn-mobile{
	background:none; border:none;
	color:#fff; font-size:28px; text-align:center;
	float:left; margin-left:-45px; margin-top:7px; padding:0;
	width:45px; height:45px; display:none;
}
#btn-mobile .fa{
	line-height:45px;
}
#button-share{
	font-size:11px;
}
#button-share a{
	color:#CCC; display:inline-block;
}
#button-share .title{
	display:block; position:relative; padding-top:20px;
	color:#e0e0e0;
}
#button-share .title::before{
	position:absolute; left:0; top:10px;
	width:40px;
	content:""; display:block; float:left;
	border-top:1px solid #e9e9e9;
}
/************/
#header{
	background:rgba(0, 0, 0, 0.5);
	position:fixed; left:0; top:0; width:100%; z-index:9999;
}
#header:hover, #header.h_bg{

}
#header .logo{
	margin:20px 0 10px 0; padding:0;
	float:left; width:25%;
}
#header .navigation{
	margin:0; padding:0;
	float:right; width:75%; text-align:right;
	text-transform:uppercase; font-size:13px;
}
#header .navigation > ul{
	margin:0; padding:0; list-style:none;
	display:inline-block; float:right; max-height:65px; overflow:hidden;
	transition: max-height 0.15s ease-out; text-align:left;
}
#header .navigation > ul > li{
	float:left; width:130px; overflow:hidden;
	margin:0; padding:0; list-style:none;
	display:inline-block; line-height:10px;
	border-left:1px solid rgba(255, 255, 255, 0.2);
	position:relative; height:100vh;

}
.page-vn #header .navigation > ul > li{
	width:135px;
}
.page-vn #header .navigation > ul > li:nth-child( 3),
.page-vn #header .navigation > ul > li:nth-child( 4){
	width:150px;
}
#header .navigation > ul > li.lang{
	width:auto;
}
#header .navigation > ul > li > a{
	display:block; padding:35px 5px 5px 10px;
	color:rgba(255, 255, 255, 0.8); 
	/* font-weight:bold; */
	text-decoration:none;
}
#header .navigation > ul  > li.lang  > a{
	display:inline-block; padding-right:5px;
}
#header .navigation > ul  > li.lang  > a:last-child{
	padding-left:5px;
}
#header .navigation > ul > li.lang a.focus, #header .navigation > ul li.focus > a{
	color:#fdb801;
}
#header .navigation > ul li:hover > a{
	color:#FFF;
}
#header .navigation > ul > li ul{
	clear:both;  text-align:left; font-size:12px;
	margin:0; padding:10px 5px 0 10px; list-style-type:none;
	overflow:hidden;
}
#header .navigation > ul > li ul li{
	clear:both; display:block; text-transform:capitalize;
	margin:0; padding:6px 0 0px; line-height:16px;
}
#header .navigation > ul > li ul li:last-child{
	padding-bottom:5px;
}
#header .navigation > ul > li ul li a{
	color:rgba(255, 255, 255, 0.6); text-decoration:none;
}
#header:hover .navigation > ul{
	transition: max-height 0.25s ease-in !important;
	max-height:250px !important;
}
/*
#header:hover .navigation > ul,
#header.header_hover .navigation > ul{
	transition: max-height 0.25s ease-in !important;
	max-height:185px !important;
}
*/
#header .navigation > ul > li ul li:hover a{
	color:rgba(255, 255, 255, 0.9); text-decoration:none;
}
#header .navigation .contact_job{
	display:none;
}
#header .navigation > ul > li.search{
	width:auto;
	padding:35px 5px 0 5px;
	text-align:center;
}
#header .navigation > ul > li.search > button{
	border:none; background:none;
	width:35px;
}
#heade_search{
	position:absolute; right:0; top:65px;
	display:block;
	width:320px;
}
#heade_search .popover{
	display:block; color:#000;
	left:auto; right:0;
	max-width:320px; width:320px;
}
#heade_search .popover .popover-content{
	padding:1px; position:relative;
}
#heade_search .popover .popover-content input{
	padding-right:60px;
}
#heade_search .popover .popover-content button{
	position:absolute; right:1px; top:1px; bottom:1px;
	width:50px; height:34px;
	background:#000; color:#FFF;
	border:none;
}
#header .popover.bottom > .arrow{
	right:27%; left:auto;
}
/**************/
#footer{
	position:absolute; left:0; bottom:0; width:100%; height:50px; overflow:hidden;
	border-top:1px solid #CCC;
	padding-top:10px; padding-bottom:20px; text-align:right;
}
/*************/
.page-home{
	position:absolute; left:0; top:0;
	height:100%; width:100%; overflow:hidden;
}
.page-home .swiper-container {
	position:absolute; left:0; top:0;
	width: 100%;
	height: 100%;
}
.page-home .swiper-slide {
	text-align: center;
	font-size: 18px;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
	/* Center slide text vertically */
	display: -webkit-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;
	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;
	justify-content: center;	-webkit-box-align: center;
	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image:url(../img/arrow-left.png) !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image:url(../img/arrow-right.png) !important;
}
.page-home .swiper-pagination{
	display:none;
}
/******************/
.title-page{
	display:block; margin:0 0 20px; padding:15px 0 0;
	font-size:17px; line-height:22px; text-transform:uppercase;
	font-weight:normal; position:relative;
	color:#e9e9e9;
}
.title-page span{
	display:block; margin:3px 0 0; padding:0;
	font-size:27px; line-height:32px; text-transform:uppercase;
	font-weight:bold; color:#fff;
}
.title-page::before{
	position:absolute; left:0; top:0;
	height:1px; width:40px;
	content:""; display:block; float:left;
	border-top:1px solid #fffbfb;
}
.title-sub-yellow{
	margin:0 0 15px; padding:0 0 0 50px;
	font-size:19px; line-height:26px; text-transform:uppercase;
	font-weight:bold; position:relative;
	color:#fdb801;
}
.title-sub-yellow::before{
	position:absolute; left:0; top:13px;
	height:1px; width:40px;
	content:""; display:block; float:left;
	border-top:1px solid #fdb801;
}
.title-sub-yellow.before_none::before{
	display:none;
}
.title-sub-yellow span{
	display:block; margin:3px 0 0; padding:0;
	font-size:13px; line-height:20px; text-transform:uppercase;
	font-weight:normal; color:#fdb801;
}
.title-sub-yellow span a{
	color:#ccc;
}
.title-sub-yellow.before_none .a_back::before{
	background-color:#CCC;
}
/************/
.news-martop{
	margin-top:30px;
}
.news-martop .dcontent{
	margin-bottom:30px;
}
.title-blogdetail{
	margin:0 0 12px; padding:0 0 12px;
	font-size:22px; line-height:30px; text-transform:none;
	letter-spacing: .5;
	font-weight:bold; 	color:#fff;
	position:relative;
}
.title-blogdetail span{
	display:block; margin:3px 0 0; padding:10px 0 0;
	font-size:13px; line-height:20px; text-transform:uppercase;
	font-weight:normal; color:#e9e9e9;
	position:relative;
}
.title-blogdetail::before{
	position:absolute; left:0; bottom:0;
	width:40px;
	content:""; display:block; float:left;
	border-top:1px solid #fdb801;
}
.time-blogdetail{
	display:block; margin-bottom:15px;
}
.quote-blogdetail{
	margin:0 0 10px; padding:0 0;
	font-size:13px; line-height:24px; text-transform:none;
	font-weight:bold;
}
/**********/
.blogother h2{
	margin:0px 0 15px; padding:0; font-size:30px; font-weight:bold;
	display:block; position:relative; padding-bottom:10px;
	color:#e0e0e0;
	text-transform:uppercase;
}
.blogother h2::before{
	position:absolute; left:0; bottom:0px;
	width:40px;
	content:""; display:block; float:left;
	border-bottom:1px solid #fdb801;
}
.blogother ul{
	margin:20px 0 0; padding:0; list-style-type:none;
}
.blogother ul li{
	margin:0 0 20px; padding:0; list-style-type:none;
}
.blogother ul li h3{
	margin:0 0 3px; padding:0; list-style-type:none;
	font-size:15px; font-weight:bold; color:#fff;
	line-height:22px;
}
.blogother ul li h4{
	margin:0 0 10px; padding:0;
	text-transform:capitalize; font-weight:normal;
	color:#bcbec0; font-size:13px; line-height:22px;
}
.blogother ul li p{
	margin:0; font-size:13px; line-height:20px;
}
.blogother ul li a{
	color:#fff; text-decoration:none;
}
.blogother ul li a:hover{
	color:#fdb801;
}
.blogother ul li h5{
	margin:0 0 15px;
	background:#fba91c; text-align:right;
	font-size:13px; text-transform:capitalize;
	padding:0 10px;
	line-height:20px; color:#FFF;
}
/**************/
.blog_related h2{
	margin:20px 0 0; padding:10px 0 0; font-size:11px; font-weight:bold;
	display:block; position:relative; padding-top:15px;
	color:#e0e0e0;
}
.blog_related h2::before{
	position:absolute; left:0; top:0px;
	width:40px;
	content:""; display:block; float:left;
	border-top:1px solid #e9e9e9;
}
.blog_related ul{
	margin:20px 0 0; padding:0; list-style-type:none;
}
.blog_related ul li{
	margin:0 0 20px; padding:0; list-style-type:none;
}
.blog_related ul li h3{
	margin:0 0 1px; padding:0; list-style-type:none;
	font-size:12px; font-weight:bold; color:#fdb801;
	line-height:18px;
}
.blog_related ul li time{
	color:#e9e9e9; font-size:11px;
}
.blog_related ul li a{
	text-decoration:none;
}
.blog_related ul li a:hover h3{
	text-decoration:underline;
}

/**********/
.a_back{
	color:#FFF; text-transform:uppercase; display:inline-block;
	position:relative; text-decoration:none;
	cursor:pointer;
	border:none; background:none;
}
.a_back::before{
	position:absolute; left:-60px; top:70%;
	height:1px; width:50px; content:""; display:block;
	background:#FFF;
    transform-origin: 50% 50% 0;
    transition-duration: 0.5s;
    transition-property: transform, background;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.a_back:hover{
	color:#fdb801; text-decoration:none;
}
.a_back:hover::before, .title-sub-yellow.before_none .a_back:hover::before{
    background: #fdb801 none repeat scroll 0 0;
    transform: rotate(-45deg);
}
/*********/
.about-profile .item{
	margin-bottom:30px
}
.about-profile .item:nth-child( 3n + 1){
	clear:both;
}
.about-profile .item .margintop{
	margin-top:45px
}
/**************/
#swiper-client{
	position:relative; display:block; height:100%;
	min-height:380px;
}
#swiper-client .client-item{
	margin:0 0 10px; padding:0px 5px; list-style-type:none;
	float:left; width:20%; cursor:help;
	text-align:center;
}
#swiper-client .client-item:nth-child( 5n + 1){
	clear:both;
}
#swiper-client .client-item img{
	display:inline-block; width:100%;
}
/**************/
#client-nav-cricle{
	margin-bottom:15px;
	display:block; width:100%; z-index:999;
}
#client-nav-cricle ul{
	margin:0; padding:0; list-style-type:none; line-height:16px;
}
#client-nav-cricle li{
	display:inline-block; margin:0 17px 0 0; padding-right:17px;
	border-right:1px dotted rgba(255, 255, 255, 0.8);
}
#client-nav-cricle li:last-child{
	border-right:none; margin-right:0; padding-right:0;
}
#client-nav-cricle li a{
	display:block; color:rgba(255, 255, 255, 0.8); text-transform:capitalize;
	overflow:hidden; font-size:12px;
	/* font-weight:bold;  */
}
#client-nav-cricle li.selected a{
	color:#fdb801;
}
/*************/
#client-nosly{
	margin:0 -7px;
}
#client-nosly .client-item{
	padding:0 7px; float:left; position:relative;
	width:16.6667%;
}
#client-nosly .client-item figure{
	display:block; clear:both; margin:20px 0 10px; padding:10px 10px;
}
/******************/
#swiper-client.grid-6 .client-item{
	width:16.667%;
}
#swiper-client.grid-6 .client-item:nth-child( 6n + 1){
	clear:both;
}
#swiper-client.grid-6 .client-item:nth-child( 5n + 1){
	clear:none;
}
/***/
#swiper-client.grid-7 .client-item{
	width:14.285%
}
#swiper-client.grid-7 .client-item:nth-child( 7n + 1){
	clear:both;
}
#swiper-client.grid-7 .client-item:nth-child( 5n + 1),
#swiper-client.grid-7 .client-item:nth-child( 6n + 1){
	clear:none;
}
/***/
#swiper-client.grid-8 .client-item{
	width:12.5%
}
#swiper-client.grid- .client-item8:nth-child( 8n + 1){
	clear:both;
}
#swiper-client.grid-8 .client-item:nth-child( 5n + 1),
#swiper-client.grid-8 .client-item:nth-child( 6n + 1),
#swiper-client.grid-8 .client-item:nth-child( 7n + 1){
	clear:none;
}
/***/
#swiper-client.grid-9 .client-item{
	width:11.111%
}
#swiper-client.grid-9 .client-item:nth-child( 9n + 1){
	clear:both;
}
#swiper-client.grid-9 .client-item:nth-child( 5n + 1),
#swiper-client.grid-9 .client-item:nth-child( 6n + 1),
#swiper-client.grid-9 .client-item:nth-child( 7n + 1),
#swiper-client.grid-9 .client-item:nth-child( 8n + 1){
	clear:none;
}
/***/
#swiper-client.grid-10 .client-item{
	width:10%
}
#swiper-client.grid-10 .client-item:nth-child( 10n + 1){
	clear:both;
}
#swiper-client.grid-10 .client-item:nth-child( 5n + 1),
#swiper-client.grid-10 .client-item:nth-child( 6n + 1),
#swiper-client.grid-10 .client-item:nth-child( 7n + 1),
#swiper-client.grid-10 .client-item:nth-child( 8n + 1),
#swiper-client.grid-10 .client-item:nth-child( 9n + 1){
	clear:none;
}
/******************/
#about-award{
	margin-left:-7px; margin-right:-7px;
	min-height:350px;
}
#about-award .item-award{
	float:left; width:20%; padding:0 7px; margin-bottom:14px;
	position:relative;
}
#about-award .item-award:nth-child( 5n + 1){
	clear:both;
}
#about-award .item-award > a{
	display:block; position:relative;
}
#about-award .item-award .des{
	position:absolute; left:0; top:0; width:100%; height:100%;
	padding:15px 5%; text-align:center; vertical-align:middle;
	color:#000; text-transform:uppercase; background:none;
	opacity:0; -moz-opacity:0; -webkit-opacity:0;
	transition:opacity 0.15s linear 0s; -moz-transition:opacity 0.15s linear 0s; -webkit-transition:opacity 0.15s linear 0s;
}
#about-award .item-award .des h2{
	margin:0 0 5px; padding:0;
	font-size:16px; font-weight:bold; text-transform:uppercase;
	line-height:20px
}
#about-award .item-award .des::after {
    content: "";    display: inline-block;
    height: 100%;    vertical-align: middle;    width: 1px;
}
#about-award .item-award .des::before {
    background:rgba(255, 210, 88, 0.85);
}

#about-award .item-award .des .text {
    display: inline-block;    overflow: hidden;
    vertical-align: middle;    width: 90%;
	line-height:20px; font-size:13px; text-transform:capitalize;
}
#about-award .item-award:hover .des{
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
}
/***********/
/******************/
#sly-awards{
	margin:0 -5px; padding-bottom:30px;
	position:relative;
}
#sly-awards .frame {
  overflow: hidden;
}

#sly-awards .frame ul {
  list-style: none;  margin: 0;
  padding: 0;  height: 100%;
}

#sly-awards .frame ul li {
  float: left;
  height: 100%;
  margin: 0 0 0 0;
  padding: 0 5px;
  color: #333;
  cursor: pointer;
}
#sly-awards .frame img{
	width: 100%;
}
#sly-awards ul li a{
	display:block; position:relative;
}
#sly-awards ul li a .text{
	position:absolute; left:0; bottom:10px; right:10px;
	background:rgba(255, 210, 88, 0.85);
	padding:10px; color:#333;
}
#sly-awards ul li .text h2{
	margin:0; padding:0;
	font-size:13px; font-weight:normal; text-transform:uppercase;
	line-height:18px;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden;

}
#sly-awards ul li .text time{
	display:inline-block; padding-bottom:5px; margin-bottom:5px;
	font-size:17px; font-weight:bold;
	color:#333;
	border-bottom:1px solid #333;
}
/******************/

/**************/
#award-detail{
	position:fixed; left:0; top:0;
	width:100%; height:100%; z-index:1;
}
.page-about .swiper-container {
	position:absolute; left:0; top:0;
	width: 100%;	height: 100%;
}
/*****************/
.awards-nosly ul{
	margin:0 -5px; padding:0; list-style-type:none;
}
.awards-nosly ul li{
	margin:0;list-style-type:none;
	float:left; width:20%;
	padding: 0 5px;
	color: #333;
}
.awards-nosly ul li img{
	display:block; width:100%;
}
/**************/
#project-nosly{
	margin-top:25px;
}
#project-nosly ul{
	margin:0 -7px;; padding:0; list-style-type:none;
}
#project-nosly ul li{
	margin:0; list-style-type:none;
	padding:0 7px; float:left; position:relative;
	width:20%;
}
#project-nosly .client-item{
	clear:both; float:left; display:block; width:100%;
	margin-bottom:14px;
}
#project-nosly figure{
	display:block; width:100%;
}
#project-nosly figure a{
	display:block; width:100%; position:relative;
}
#project-nosly .client-item .des{
	display:block; line-height:20px;
	position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;
	background:rgba(255, 210, 88, 0.85);
	padding:3px 5px; color:#333;
	transition:opacity 0.15s linear 0s; -moz-transition:opacity 0.15s linear 0s; -moz-transition:opacity 0.15s linear 0s;
	opacity:0; -moz-opacity:0; -webkit-opacity:0;
	vertical-align:middle;
}
#project-nosly .client-item .des::after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}
#project-nosly .client-item .des .text {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 80%;
}
#project-nosly a:hover .des{
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
}


#project-nosly img{
	width:100%;
}
#project-nosly .bg_trans_gray figure{
	background:rgba(44, 44, 44, 0.8);
}
#project-nosly .bg_trans_yellow figure{
	background:url(../img/bg-arow-lg.png) no-repeat center center;
	background-size:cover;
}
/**************/
.page-project .swiper-container {
	position:relative; left:0; top:0;
	width: 100%;	height: 100%;
}
.page-project .swiper-container{
	position:absolute;
}
.page-about .swiper-slide, .page-project .swiper-slide {
	text-align: center;
	font-size: 18px;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
	/* Center slide text vertically */
	display: -webkit-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;
	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;
	justify-content: center;	-webkit-box-align: center;
	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center;
}
.bg-trans-photo::before, .page-project .swiper-slide::before{
	position:absolute; left:0; top:0;
	width:100%; height:100%; z-index:1;
	content:""; display:block;
	background:url(../img/bg-trans-photo.png) repeat-x left top;
}
/*******/
#award-detail .swiper-pagination{
	display:block; width:100%;
	margin-bottom:15px;
}
#award-detail .swiper-pagination .swiper-pagination-bullet{
	width:12px; height:12px; margin-right:3px;
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
	background:#fffbfb;
}
#award-detail .swiper-pagination .swiper-pagination-bullet-active{
	background:#fdb801;
}
#award-detail .page-container{
	position:relative; z-index:2;
}
#award-detail .award-content{
	position:absolute; right:0; bottom:0; z-index:10;
	width:40%; max-width:1000px;
	max-height:650px;
}
#award-detail .award-content .main-text{
	width:100%; float:left;
	overflow:hidden;
	background:url(../img/bg-trans-project.png) no-repeat right bottom;

  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);

}
#award-detail .award-content .main-text.active{
  max-height: 1000px;
  transition: max-height 1s ease-in-out;
}
#award-detail .award-content .text{
	display:block; float:right; width:100%;
	padding:15px 45px 20px 30px; color:#000;
	text-align:justify; line-height:20px;
}
#award-detail .award-content .text p.row{
	margin-bottom:3px; position:relative;
}
#award-detail .award-content .text p.row span.col-xs-2{
	padding-right:0; width:145px;
	position:absolute; left:0; top:0;
}
#award-detail .award-content .text p.row span.col-xs-10{
	width:100%;	padding-left:160px;
}
#award-detail .award-content .text p.row span.col-xs-10::before{
	position:absolute; left:145px; top:0;
	content:":"; display:block; width:5px; height:100%;
	float:left;
}
#award-detail .award-content .text .text-margin{
	margin-top:10px;
}
#award-detail .award-content .title,
#award-detail .award-content h1{
	margin:0 0 3px; padding:0;
	font-size:19px; line-height:28px; text-transform:uppercase;
	font-weight:bold; position:relative; text-align:left;
	color:#000;
}
#award-detail .award-content h2{
	margin:0 0 15px; padding:0;
	font-size:14px; line-height:22px; text-transform:uppercase;
	font-weight:bold; position:relative;
	color:rgba(0, 0, 0, 0.6);
}
#award-detail .award-content .action-info{
	background:rgba(255, 210, 88, 0.85);
	position:absolute; right:0; bottom:0; z-index:100;
	width:38px; height:38px; line-height:38px; overflow:hidden;
	border:none; cursor:pointer; text-align:center;
	color:#000; font-size:17px;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#award-detail .award-content .action-info::before{

}
#award-detail .award-content .action-info:hover{
	color:#FFF;
}
/****************/
.page-project .project-nav{
	border-top:1px dashed #999;
	margin-top:6.1%; padding-top:30px;
	position:fixed; left:0; bottom:30px;
	width:100%;
}
.page-project .project-nav ul{
	margin:0; padding:0; list-style-type:none;
}
.page-project .project-nav ul li{
	margin:0; padding:0 15px; list-style-type:none;
	float:left; width:16.6667%
}
.page-project .project-nav ul li a{
	display:block; padding:0; text-align:center;
	border-top:1px solid #999; border-bottom:1px solid #999;
	font-size:13px; text-transform:uppercase; font-weight:bold;
	line-height:40px; color:#FFF; text-decoration:none;
	position:relative; height:42px;

	transition:border-color 0.4s ease 0s; -webkit-transition:border-color 0.4s ease 0s; -moz-transition:border-color 0.4s ease 0s;
}

.page-project .project-nav ul li a .hover-out {
    animation: 0.3s ease 0s normal forwards 1 running hoverOutInner;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.page-project .project-nav ul li a .hover {
    animation: 0.3s ease 0s normal forwards 1 running hoverOut;
    background: #fdb801 none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 1px 0;
    position: absolute;
    top: 0;
    transform: translate(0px, 100%);
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    -moztransition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
	-webkit-transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;

    width: 100%;
    z-index: 4;
}

.page-project .project-nav ul li a .hover_i {
    color: #fff;
    display: inline-block;
    position: relative;
    transform: translate(0px, 10px);
    transition: transform 0.3s ease-out 0s;
}
.page-project .project-nav ul li a:hover{
	border-color:transparent;
}
.page-project .project-nav ul li a:hover .hover-out {
    animation-name: hoverInInner;
}
.page-project .project-nav ul li a:hover .hover {
    animation-name: hoverIn;
}
.page-project .project-nav ul li a:hover .hover_i {
    transform: translate(0px, 0px);
    transition-delay: 0.2s;
}
.page-project .project-nav ul li.focus a{
	background:#fdb801; border-color:#fdb801;
}

/******************/
.page-contact{
	/*
	position:absolute; left:0; top:0;
	height:100vh; width:100%; overflow:hidden;
	*/
	padding-bottom:30px;
}
#google-map{
	position:absolute; height:67%;
	display:block; width:100%;
	color:#000;
}
#google-map .map_item{
	position:relative; height:100%; width:100%;
	float:left; width:33.333%;
	border-right:10px solid #333
}
#google-map .map_item iframe{
	display: block; width: 100%;
	height: 100%;
}
#google-map .map_item:last-child{
	border-right:none;
}
.map_label{
	width:100px; background:#333;
}
.gm-style-iw{
	display:inline-block; width:200px;
	background:#333;
}
/**********/
.page-contact .contact-main{
	position:absolute; width:100%;	display:block; top:67%;
	color:#ccc; margin-top:30px;
}
.page-contact #contact-info .fbox-item{
	padding-left:15px; padding-right:15px;
	width:25%; float:left; overflow:hidden;
}

.page-contact h3{
	margin:0; font-size:13px; line-height:20px;
	text-transform:capitalize;	word-break:break-all;
}
.page-contact .contact-main .icon-home, .page-contact .contact-main .icon-phone,
.page-contact .contact-main .icon-fax{
	display:block; color:#CCC;
	position:relative; padding-left:50px;
}
.page-contact .contact-main .email{
	display:block;
	color:#a6a6a6; font-style:italic; text-decoration:underline;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}
.page-contact .contact-main .email:hover{
	color:#fdb801
}
.page-contact .contact-main .icon-phone, .page-contact .contact-main .icon-fax{
	font-size:13px; font-weight:normal; line-height:25px;
}
.page-contact .contact-main .icon-home:before{
	position:absolute; left:0; top:0px;
	width:30px; height:100%; color:#a6a6a6;
	/**************/
	display:inline-block;
	font: normal normal normal 21px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	  content: "\f015";
}
.page-contact .contact-main .icon-phone:before{
	position:absolute; left:0; top:0;
	width:30px; height:100%; color:#a6a6a6;
	/**************/
	display:inline-block;
	font: normal normal normal 21px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f095";
}
.page-contact .contact-main .icon-fax:before{
	position:absolute; left:0; top:-3px;
	width:30px; height:100%; color:#a6a6a6;
	/**************/
	display:inline-block;
	font: normal normal normal 21px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f1ac";
}
.page-contact .contact-main .socail{
	font-size:13px; line-height:24px; font-weight:normal;
}
.page-contact .contact-main .socail .icon-facebook,
.page-contact .contact-main .socail .icon-youtube{
	display:block; color:#fff;
	position:relative; padding-left:50px;
}
.page-contact .contact-main .socail .icon-facebook:before{
	position:absolute; left:0; top:-3px;
	width:30px; height:100%; color:#a6a6a6;
	/**************/
	display:inline-block;
	font: normal normal normal 21px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f09a";
}
.page-contact .contact-main .socail .icon-youtube:before{
	position:absolute; left:0; top:-3px;
	width:30px; height:100%; color:#a6a6a6;
	/**************/
	display:inline-block;
	font: normal normal normal 21px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f167";
}
.page-contact .contact-main .socail a{
	color:#a6a6a6; text-decoration:none;
}
.page-contact .contact-main .socail a:hover{
	color:#fdb801
}
.page-contact .contact-main p{
	margin-bottom:20px;
}
/**********/
.page-contact #contact-info .box-btnjob:last-child{
	margin-top:43px; overflow:hidden;
}
.page-contact .contact-main .btn-job{
	background:none; padding:0 0; display:block;
	text-align:center; color:#FFF; text-decoration:none;
	font-size:15px; line-height:48px; text-transform:uppercase; font-weight:bold;
	border:1px solid #FFF;

	position:relative; height:50px;

	transition:border-color 0.4s ease 0s; -webkit-transition:border-color 0.4s ease 0s; -moz-transition:border-color 0.4s ease 0s;
}
.page-contact .contact-main .btn-job .hover-out {
    animation: 0.3s ease 0s normal forwards 1 running hoverOutInner;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.page-contact .contact-main .btn-job .hover {
    animation: 0.3s ease 0s normal forwards 1 running hoverOut;
    background: #fdb801 none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 1px 0;
    position: absolute;
    top: 0;
    transform: translate(0px, 100%);
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    -moztransition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
	-webkit-transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;

    width: 100%;
    z-index: 4;
}

.page-contact .contact-main .btn-job .hover_i {
    color: #fff;
    display: inline-block;
    position: relative;
    transform: translate(0px, 10px);
    transition: transform 0.3s ease-out 0s;
}
.page-contact .contact-main .btn-job:hover{
	border-color:transparent;
}
.page-contact .contact-main .btn-job:hover .hover-out {
    animation-name: hoverInInner;
}
.page-contact .contact-main .btn-job:hover .hover {
    animation-name: hoverIn;
}
.page-contact .contact-main .btn-job:hover .hover_i {
    transform: translate(0px, 0px);
    transition-delay: 0.2s;
}


/***************/
.page-blog .news-item img{
	width:100%;
}
.page-blog .news-item .des{
	display:block; margin-top:20px;
	padding:0 10px; color:#e9e9e9;
}
.page-blog .news-item h4{
	margin:0 0 10px; padding:0;
	font-size:13px; line-height:22px; font-weight:normal;
	height:60px; overflow:hidden;
}
.page-blog .news-item p{
	display:block; text-align:right; text-transform:capitalize;
	margin:0;
}
.page-blog .news-item p a{
	color:#e9e9e9; font-size:12px;
}
.page-blog .news-item p a:hover{
	color:#fdb801; text-decoration:underline;
}
.page-blog .news-item a{
	display:block; position:relative;
}
.page-blog .news-item a .text {
    position: absolute;
    left: 0;
    bottom: 10px;
    right: 10px;
    background: rgba(255, 210, 88, 0.85);
    padding: 1px 10px;
    color: #333;
}
.page-blog .news-item h2{
	margin:0; padding:0;
	font-size:13px; line-height:22px; text-transform:uppercase;
	font-weight:normal;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}
.page-blog .news-item .number{
	display:inline-block; padding-bottom:5px; margin-bottom:5px;
	font-size:17px; font-weight:bold;
	color:#333;
	border-bottom:1px solid #333;
}
/*****/
#news-detail .newsimg{
	margin-top:10px; margin-bottom:15px;
	position:relative;
}
#news-detail .newsimg img{
	width:100%;
}
#news-detail .newsimg .des{
	position:absolute; right:0; top:0;
	height:100%;
	padding:20px 20px 10px;
	background:rgba(0, 0, 0, 0.6);
}
#news-detail .newsimg .des .dcontent{
	position:absolute; left:0; bottom:0;
	padding:0px 20px 10px;
	font-size:12px; line-height:22px;
}
.newsimg-title{
	margin:0 0 3px; padding:0;
	font-size:14px; line-height:24px;
	font-weight:bold; color:#FFF;
}
.newsimg-project{
	margin:0; padding:0;
	font-size:12px; line-height:20px;
	font-weight:normal; color:#FFF;
}
#news-detail .newsimg > div.text-right{
	margin-bottom:15px;
}
.newdetail{
	line-height:22px;
}
.newdetail .title-sub-yellow{
	margin-bottom:15px;
}
.newdetail table{
	width:100%;
}
.newdetail img{
	display:inline-block; max-width:100%; height:auto !important;
}
.newdetail.news-martop .dcontent{
	margin-bottom:15px;
}
.newdetail .a_back{
	margin-left:60px; margin-bottom:30px;
}
.dcontent{
    color: #fff; font-size: 14px; line-height: 26px;
}
.dcontent a{
  color: rgb(252 210 85);
}
.dcontent table{
  border-color: #fff;
}
.dcontent table td,
.dcontent table th{
  padding: 5px 10px;
}
/**************/
#people-group{
	margin:0 -5px; padding-bottom:30px;
	overflow:visible;
}
#people-nosly{
	margin-top:5px; padding-bottom:0px;
	display:block; float:left; width:100%;
	overflow:hidden;
}
#people-nosly ul{
	margin:0 0; padding:0; list-style-type:none;
	height:auto; width:100%;
	overflow-y:hidden;
	overflow-x:visible

}
#people-nosly ul li{
	margin:0; list-style-type:none;
	padding:0 5px; float:left; position:relative;
	width:20%;
}
#people-nosly ul li:last-child div{

}
#people-nosly .client-item{
	clear:both; float:left; display:block; width:100%;
	margin-bottom:10px;
}
#people-nosly .client-item:last-child{
	margin-bottom:0;
}
#people-nosly figure{
	display:block; width:100%;
}
#people-nosly figure .des{
	display:block; line-height:20px;
	position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;
	background:rgba(255, 210, 88, 0.85);
	padding:3px 5px; color:#333;
	transition:all 0.3s ease-in-out;	-moz-transition:all 0.3s ease-in-out;	-webkit-transition:all 0.3s ease-in-out;
	opacity:0; -moz-opacity:0; -webkit-opacity:0;
	vertical-align:middle;
}
#people-nosly figure .des::after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}
#people-nosly figure .des .text {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 80%;
}
#people-nosly a:hover .des{
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
}
#people-nosly figure a{
	position:relative; display:block; width:100%;
}
#people-nosly img{
	width:100%;
}
#people-nosly .bg_trans_gray figure{
	background:rgba(44, 44, 44, 0.8);
}
#people-nosly .bg_trans_yellow figure{
	background:url(../img/bg-arow-lg.png) no-repeat center center;
	background-size:cover;
}
/*************/
.page-people{
	/*
	position:absolute; left:0; top:0;
	height:100%; width:100%;
	*/
}
#people-container{
	position:absolute; left:0; bottom:0; width:100%;
	background:rgba(0, 0, 0, 0.6);
	padding:30px 0;
}
/*******/
.page-people #people-nav{
	border-top:1px dashed #999;
	margin-top:25px; padding-top:30px;
}
.page-people #people-nav ul{
	margin:0; padding:0; list-style-type:none;
}
.page-people #people-nav ul li{
	margin:0; padding:0 15px; list-style-type:none;
	float:left; width:20%; overflow:hidden;
}
.page-people #people-nav ul li h3{
	margin:0; cursor:pointer;
	display:block; padding:0; text-align:center;
	border-top:1px solid #999; border-bottom:1px solid #999;
	font-size:13px; text-transform:uppercase; font-weight:bold;
	line-height:40px; color:#FFF; text-decoration:none;
	position:relative; height:42px;

	transition:border-color 0.4s ease 0s; -webkit-transition:border-color 0.4s ease 0s; -moz-transition:border-color 0.4s ease 0s;
}

.page-people #people-nav ul li h3 .hover-out {
    animation: 0.3s ease 0s normal forwards 1 running hoverOutInner;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.page-people #people-nav ul li h3 .hover {
    animation: 0.3s ease 0s normal forwards 1 running hoverOut;
    background: #fdb801 none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 1px 0;
    position: absolute;
    top: 0;
    transform: translate(0px, 100%);
    transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
    -moztransition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;
	-webkit-transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s;

    width: 100%;
    z-index: 4;
}

.page-people #people-nav ul li h3 .hover_i {
    color: #fff;
    display: inline-block;
    position: relative;
    transform: translate(0px, 10px);
    transition: transform 0.3s ease-out 0s;
}
.page-people #people-nav ul li h3:hover{
	border-color:transparent;
}
.page-people #people-nav ul li h3:hover .hover-out {
    animation-name: hoverInInner;
}
.page-people #people-nav ul li h3:hover .hover {
    animation-name: hoverIn;
}
.page-people #people-nav ul li h3:hover .hover_i {
    transform: translate(0px, 0px);
    transition-delay: 0.2s;
}
.page-people #people-nav ul li h3.active{
	background:#fdb801; border-color:#fdb801;
}

/*
.page-people #people-nav ul li a:hover{
	color:#FFF; border-color:#fdb801 ;
}
.page-people #people-nav ul li.focus a{
	background:#fdb801; border-color:#fdb801;
	color:#000;
}
*/
/*************/
#swiper-people{
	padding:0 70px;
}
#swiper-people .owl-wrapper{
	margin-left:-7px; margin-right:-7px;
}
#swiper-people .owl-item{
	padding:0 7px;
}
#swiper-people .item img{
	width:100%; height:auto;
}
/*******/
#swiper-people .owl-controls .owl-buttons div{
    background-color: rgba(0, 0, 0, 0.3);
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;    cursor: pointer;
    font-size: 24px;    font-weight: normal;
    height: 73px;    margin-top:0;
    position: absolute;    text-align: center;
    top: 30px;    width: 60px;    z-index: 10;
	text-indent:100px; overflow:hidden;
}
#swiper-people .owl-controls .owl-buttons div.owl-prev{
	background-image:url("../img/arrow-left.png") !important;
	left:0;
}
#swiper-people .owl-controls .owl-buttons div.owl-next{
	background-image:url("../img/arrow-right.png") !important;
	right:0;
}
#swiper-people .owl-controls .owl-buttons div:hover{
	background-color:rgba(255, 210, 88, 0.85);
}
#swiper-people .swiper-button-next, #swiper-people .swiper-button-prev{
	margin-top:-32px;
}
#swiper-people .swiper-nojquery{
	margin-left:-7px; margin-right:-8px;
}
#swiper-people .swiper-nojquery .swiper-slide{
	float:left; position:relative; padding:0 8px 0 7px;
	width:16.6667%;
}
#swiper-people .owl-pagination{
	display:none;
}

/***********/
#people-detail{
	margin-top:0;
}
#people-detail .pdetail-img{
	position:relative; overflow:hidden;
}
#people-detail .pdetail-img .row{
	margin-left:-7px; margin-right:-7px;
}
#people-detail .pdetail-img .row > div{
	padding-left:7px; padding-right:7px;
}
#people-detail .pdetail-img .row > div.col-xs-8{
	width:61%;
}
#people-detail .pdetail-img .row > div.col-xs-4{
	width:39%;
	position:absolute; right:0; bottom:0;
	height:100%;
}
#people-detail .pdetail-img .row > div.col-xs-4 figure{
	position:absolute; left:0; bottom:0;
	margin:0 7px;
	border-top:15px solid #333;
}
#people-detail .pdetail-img .img_none{
	display:block; width:100%; height:100%;
	margin-bottom:15px;
	background:url(../img/bg-arow-lg.png) repeat-y center center #ffcf34;
	background-size:100%;
}
#people-detail .pdetail-img > div.text-right{
	margin-bottom:15px;
}
.pdetail-img img{
	width:100%;
}
#people-detail .pdetail-info{
	padding-left:50px;
}
#people-detail .text{
	margin-left:50px; font-size:12px; line-height:20px;
}
#people-detail .text p.row{
	margin-bottom:5px;
}
#people-detail .text p.row .col-sm-3{
	font-weight:bold;
}
#people-detail .text p.row .col-sm-9{
	padding-left:0;
}
#people-detail .text .text-margin{
	margin-top:10px; margin-bottom:5px;
}
#people-detail .text a{
	color:inherit;
}
.page-vn #people-detail .text p.row .col-sm-3{
	font-weight:bold; width:45%;
}
.page-vn #people-detail .text p.row .col-sm-9{
	padding-left:0; width:55%;
}

/*****************/
.people-project {
	overflow: hidden;
	margin-top:30px;
}

.people-project ul {
	list-style: none;  margin: 0;
	padding: 0;  height: 100%;
}

.people-project ul li {
	float: left;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 15px 0 0;
	color: #333;
	cursor: pointer;
}

/* Scrollbar */

.people-project .item > a{
	display:block; position:relative;
}
.people-project .item .des{
	position:absolute; left:0; top:0; width:100%; height:100%;
	padding:15px 5%; text-align:center; vertical-align:middle;
	color:#000; text-transform:uppercase;
	opacity:0; -moz-opacity:0; -webkit-opacity:0;
	transition:opacity 0.15s linear 0s; -moz-transition:opacity 0.15s linear 0s; -webkit-transition:opacity 0.15s linear 0s;
}
.people-project .item .des::before{
	background:rgba(255, 210, 88, 0.85);
}
.people-project .item .des h2{
	margin:0 0 5px; padding:0;
	font-size:11px; font-weight:normal; text-transform:uppercase;
	line-height:16px
}
.people-project .item .des::after {
    content: "";    display: inline-block;
    height: 100%;    vertical-align: middle;    width: 1px;
}
.people-project .item .des .text {
    display: inline-block !important;    overflow: hidden;
    vertical-align: middle;    width: 96%; margin:0 !important;
	line-height:16px !important; font-size:12px; text-transform:capitalize;
}
.people-project .item:hover .des{
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
}
/***************/
#blogdetail-img img{
	width:100%; display:block;
}
#blogdetail-img .item{
	display:block; position:relative;
}
#blogdetail-img .item .des{
	display:block; position:absolute; left:0; bottom:0;
	width:100%; padding:10px 15px;
	background:rgba(0, 0, 0, 0.6);
}
#blogdetail-img .swiper-pagination{
	display:block; width:100%;
	margin-top:15px;
}
#blogdetail-img .swiper-pagination .swiper-pagination-bullet{
	width:14px; height:14px; margin-right:7px;
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
	background:#fffbfb;
}
#blogdetail-img .swiper-pagination .swiper-pagination-bullet-active{
	background:#fdb801;
}
/**************/
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
	bottom:0px !important;
}
.people-project{
	padding-bottom:30px;
}
/***************************/
#coll_jobcurrent{
	margin-bottom:0;
}
#coll_jobcurrent .panel{
	background:none;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	border-radius:0; -moz-border-radius:0; -moz-border-radius:0;
	border:none;
}
#coll_jobcurrent .panel-heading{
	background:none; position:relative;
	border-bottom:1px solid #e9e9e9;
	padding:7px 0px 7px 0px;
}
#coll_jobcurrent .active .panel-heading::after{
	content: "\f146";
}
#coll_jobcurrent .panel-heading .panel-title{
	color:#e9e9e9; position:relative;
	font-size:13px; text-transform:uppercase; line-height:20px;
	font-weight:bold; padding-right:25px;
}
#coll_jobcurrent .panel-heading .panel-title::after{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0fe";

	position:absolute; right:0; top:3px;
	display:block; width:24px; height:24px;
	font-size:15px; color:#e9e9e9;
}


#coll_jobcurrent .panel-body{
	border:none; padding:7px 0 0 0;
}
#coll_jobcurrent .downloadfile{
	display:inline-block; border:none;
	background:rgba(232, 232, 232, 0.6);
	padding:0 15px 0; color:#333;
	position:relative; height:28px; line-height:28px;
	font-size:11px; text-transform:capitalize;
	text-decoration:none;
}
/*
#coll_jobcurrent .downloadfile::before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f064";

	position:absolute; left:0; top:0;
	display:block; width:32px; height:100%; text-align:center;
	font-size:15px; color:#333; line-height:30px;
	background:#e9e9e9;
}
*/
#coll_jobcurrent .downloadfile:hover{
	color:#fdb801
}
/***************/
#contact_job{
	position:relative; overflow:hidden;
}
#contact_job .contact_job_item{
	margin-bottom:30px;
}
#contact_job .contact_job_item .col-sm-4.text-right{
	margin-bottom:30px;
}
/*******************/
.dcontent img{
	display:inline-block; max-width:100%; height:auto;
}
#pdetail-video .embed-responsive{
	width:100%; height:100%; z-index:1;
}
/****************************/
.swiper-slide--mobile 
{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 100%;
	display: none;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
}
.page-project #award-detail .swiper-slide img{
	display: none;
}
/***************************/
#people-nosly figure .project-item-des{
	opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;
	background-color: rgba(0, 0, 0, .55);
	color: #fff;
	font-size: 13px; line-height: 22px;
	transition:all 0.3s ease-in-out;	-moz-transition:all 0.3s ease-in-out;	-webkit-transition:all 0.3s ease-in-out;
	animation-delay: .5s;
}
#people-nosly figure .project-item-des .text{
	font: 13px/18px var( --ftitle);
	letter-spacing: .5px;
	width: 90%;
}	
#people-nosly a:hover .project-item-des{
	background: none;
	opacity: 0; -moz-opacity: 0;
	visibility: hidden;
}
/***********************/
.header-top{
	background: rgba(0, 0, 0, 0.75);
	color: RGB(255, 255, 255);
	font-size: 12px;
	line-height: 20px;
	font-family: var( --ftitle);
	text-align: right;
	padding: .35rem 0;
	margin-bottom: 10px;
}
.header-top > .screen-container{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	margin-left: auto;
	justify-content: flex-end;
	text-transform: capitalize;
}
.header-top a{
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	display: flex;
	align-items: center; justify-content: center;
	color: #fff;
}
.header-top img{
	height: 22px; display: inline-block;
	margin-right: .35rem;
}
.header-top a:hover{
	text-decoration: none;
	color: var( --color-yellow);
}