/*css style page commons */
.sei_intro input[type="image"]{
	width: 100%;
    height: 100% !important;
    border: none;
	max-width: 100%;
}
.title-page{

	background: #f5f5f5;

	width: 100%;

}

.owl-carousel.owl-theme.brochure.owl-loaded.owl-drag .owl-carousel .owl-item img{
	height: 100%;
}

.title-page h1{

	font-size: 30px;

	margin: 0;

	padding: 30px 0;

	font-weight: bold;

}



#breadcrumb{

	background: #fff;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

}



.breadcrumb{

	margin-bottom: 0;

	background: #fff;

}



.breadcrumb li a{

	color: #333;

}



.breadcrumb li.active{

	color: #0c4da2;

}



.cl-1{

	color: #0c4da2;

}



.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span{

	border: 0;

}



.pagination-lg>li:first-child>a:hover, .pagination-lg>li:first-child>span:hover,.pagination-lg>li:first-child>a:focus, .pagination-lg>li:first-child>span:focus{

	background: none;

	color: #0c4de2;

    border: 0;

}



.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span{

	border: 0;

}



.pagination-lg>li:last-child>a:hover, .pagination-lg>li:last-child>span:hover,.pagination-lg>li:last-child>a:focus, .pagination-lg>li:last-child>span:focus{

	background: none;

	color: #0c4de2;

    border: 0;

}



.pagination-lg>li>a, .pagination-lg>li>span{

	border: 1px solid #0c4da2;

	padding: 0;

	width: 30px;

	height: 30px;

	line-height: 28px;

	text-align: center;

	background: none;

	margin-right: 10px;

	border-radius: 50%;

	font-size: 16px;

}



.pagination-lg>li>a:hover, .pagination-lg>li>span:hover,.pagination-lg>li>a:focus, .pagination-lg>li>span:focus{

	background: #0c4da2;

	color: #fff;border: 1px solid #0c4da2;

}



/*css style introduce*/

.page-left{

	padding: 30px 0;

    height: 100%;

}



.page-left h5{

	margin-top: 0;

	font-weight: bold;
    margin-bottom: 20px;

}



ul.menu-page {

	margin: 0;

	padding: 0;

	margin-bottom: 30px;

}



ul.menu-page >li{

	list-style: none;

	padding: 7px 0;

	border-bottom: 1px solid #ccc;

}



.menu-page  li a{

	color:  #333;

	text-decoration: none;

	transition: all .5s ease;
	white-space: normal;

}



.menu-page  li a:hover{

 	color: #0c4da2;

 	transition: all .5s ease;

}



ul.menu-page  li a i{

	margin-right: 10px;

	transition: all .5s ease;

}





.menu-page ul.dropdown-menu{

	position: relative;

	box-shadow: none;

	border: 0;

	width: 100%;

	float: none;

}



.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{

	background: none;

}



ul.page-contact{

	margin: 0;

	padding: 0;

	margin-bottom: 30px;

}



ul.page-contact li{

	content: " ";

	display: table;

	list-style: none;

	margin-bottom: 15px;

    padding: 5px;

    background: #f5f5f5;

    width: 100%;

    position: relative;

}



ul.page-contact li i{

    font-size: 16px;

    width: 10%;

    text-align: center;

}



ul.page-contact li span{

	width: 90%;

	float: right;

	border-left: 1px solid #ccc;

	padding-left: 7px;

}



a.dowload{

	margin: 10px 0px 0px 0;

	display: block;

	background: #0c4da2;

    color: #fff;

    max-width: 240px;

    padding: 9px 12px;

    border-radius: 4px;

    text-decoration: none;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    transition: all .5s ease;

}


a.dowload:hover {

	color:  #fff000;

	transition: all .5s ease;

}



a.dowload i{

	padding-right: 7px;

    border-right: 1px solid #fff;

    margin-right: 7px;

}



.sei_intro{

	padding: 30px 0 50px 30px;

	border-left: 1px solid #ccc;

	margin-left: -30px;

	min-height: 650px;

}



.sei_intro img{

	max-width: 100%;
	height: auto !important;

}



.sei_intro .nav-tabs{

    border:0;

    margin-bottom: 30px;

}





.sei_intro .nav-tabs>li{

    float: none;

    display: inline-block;

    border-left:1px solid #666;

}



.sei_intro .nav-tabs>li.border-none{

    border-left:0;

}



.sei_intro .nav-tabs>li>a{

    color: #333;

    padding: 0px 20px;

    font-weight: bold;

    border:0;

    font-size: 16px;

    cursor: pointer;

}



.sei_intro .nav-tabs>li.active>a{

    color: #0c4da2;

}



.sei_intro .nav-tabs>li>a:hover{

    background: none;

    border:0;

}



.sei_intro .nav-tabs>li.active>a:focus{

    border:0;

}



.tab-content>.tab-pane{

	display: none;

}



.tab-content>.active{

	display: block;

}



.tab-content .tab-pane img{

	max-width: 100%;

}



.tab-content .tab-pane table{

	width: 100%;

	margin: 20px 0;

}



.tab-content .tab-pane table tr{

	margin-bottom: 20px;

}



.tab-content .tab-pane table tr td{

	min-width: 60px;

	vertical-align: top;

}



.tab-content .tab-pane table>tbody>tr>td:first-child{

	padding-right: 10px;

}



.sei_text_box{

	width: 100%;

	content: " ";

	display: table;

	background: #0c4da2;

	margin: 20px 0;

}



.sei_text_box >div.one{

	width: 50%;

	float: left;

}



.sei_text_box >div.two{

	width: 50%;

	float: left;

	color: #fff;

	padding: 60px 20px;

}



.sei_why label{

	color: #0c4da2;

}



.sei_why label img{

	margin-right: 10px;

}



/*css style project*/

.sei_proj{

	padding: 30px 0px 50px 0;

}



.sei_proj img{

    width: 100%;

    cursor: pointer;

    

}



.sei_proj .image_full{

    margin-bottom: 20px;

    border: 1px solid #bbb;

}





.sei_proj .list-slide{

    padding:0 40px;

    margin-bottom: 40px;

}





.sei_proj .list-slide .owl-carousel .owl-drag .owl-item{

    padding:2px;

    border: 1px solid #bbb;

}



.sei_proj .owl-theme .owl-nav [class*=owl-] {

    color: #0c4de2;

    margin: 0 !important;

    cursor: pointer;

    position: absolute !important;

    width: 30px;

    height: 30px;

    text-align: center;

    background: #fff;

    font-size: 20px;

    border-radius: 50%;

    border:1px solid #0c4de2;

}

.sei_proj .owl-theme .owl-nav .owl-prev {

    left: -15px !important;

}



.sei_proj .owl-theme .owl-nav .owl-next {

    right: -15px !important;

}



.sei_proj .owl-theme .owl-nav [class*=owl-] {

    top: 40% !important;

}



.sei_proj .project{

	width: 100%;

}



.sei_proj .project>tbody>tr>td{

	border-bottom: 1px solid #bbb;

	padding: 10px 0;

	font-size: 14px;

}



.sei_proj .project>tbody>tr>td:first-child{

	font-weight: bold;

}



.sei_proj .project>tbody>tr>td:last-child{

	color: #0c4de2;

}



.sei_proj .owl-theme .owl-nav .owl-prev {

    left: -15px !important;

}



.sei_proj .owl-theme .owl-nav .owl-next {

    right: -15px !important;

}



.title_proj{

	font-size: 16px;

	font-weight: bold;

	text-transform: uppercase;

	margin-bottom: 20px;

}



.title_proj:before{

	content: "";

    width: 50px;

    height: 3px;

    background: #0c4de2;

    z-index: 999;

    position: absolute;

    margin-top: 20px;

}



.sei_proj .nav-tabs{

    border:0;

    margin-top: 20px;

}





.sei_proj .nav-tabs>li{

    float: none;

    display: inline-block;

}



.sei_proj .nav-tabs>li>a{

	margin-right: 15px;

	margin-bottom: 15px;

    color: #333;

    padding: 0px;

    font-weight: bold;

    border:0;

    font-size: 13px;

    cursor: pointer;

}



.sei_proj .nav-tabs>li>a:hover{

    background: none;

    border:0;

}



.sei_proj .nav-tabs>li.active>a{

    color: #0c4da2;

    border-bottom: 2px solid #0c4de2;

}



.sei_proj .nav-tabs>li.active>a:focus{

    border:0;

    border-bottom: 2px solid #0c4de2;

}



/*css style news*/

.box-news{

	margin-bottom: 30px;

}



.box-news .box-thumbnail{

	padding-top: 71.428%;

}



.box-news .box-desc{

	padding: 10px 0;

}



ul.nb_comment{

	margin: 0;

	padding: 0;

	margin-bottom: 10px;

}



ul.nb_comment li{

	display: inline-block;

	margin-right: 20px;

}



.box-news .box-desc strong>a{

	text-decoration: none;

	color: #333;

	transition: all .5s ease;
	font-size: 16px;

}



.box-news:hover .box-desc strong>a{

	color: #0c4de2;

	transition: all .5s ease;

}



.box-news .date{
	padding: 0;
    border-radius: 4px;
    position: absolute;
    z-index: 99;
    color: #fff;
    margin-bottom: 0;
    font-size: 15px;
    top: 10px;
    left: 10px;
    width: 90px;
    height: 30px;
	overflow: hidden;
	text-align: center;
}

.box-news .date li{
	float: left;
	list-style: none;
}

.box-news .date>li:first-child{
	background: #464646;
	width: 40px;
	line-height: 30px;
}

.box-news .date>li:last-child{
	background: #f3b200;
	color: #464646;
	font-weight: bold;
	width: 50px;
	line-height: 30px;
}




/*css style publications*/

.box-video{

	border: 1px solid #bbb;

}

.box-video .box-thumbnail{

	padding-top: 59%;

	position: relative;

}



.box-video .play{

	position: absolute;

	z-index: 99;

	width: 100%;

	top: 0;

	bottom: 0;

	display: flex;

	justify-content: center;

	align-items: center;

}



.box-video .play i{

	font-size: 14px;

    color: #fff;

    padding: 8px 15px;

    background: #585757;

    border-radius: 6px;

}



.box-video:hover .play i{

	background: #d11128;

}





.box-brochure .box-thumbnail{

	padding-top: 140%;

	border: 1px solid #bbb;

}



.box-brochure .box-desc a{

	color: #333;

	transition: all .5s ease;

	text-decoration: none;

}



.box-brochure:hover .box-desc a{

	color: #0c4de2;

	transition: all .5s ease;

}



.publications .owl-theme .owl-nav [class*=owl-]{

	color: #333;

    font-size: 30px;

    top: 30%;

    display: inline-block;

    cursor: pointer;

    position: absolute;

}



.publications .owl-theme .owl-nav .owl-prev{

	left: -20px;

}



.publications .owl-theme .owl-nav .owl-next{

	right: -20px;

}



.publications .owl-carousel .owl-item{

	padding: 2px;

	margin-bottom: 30px;

}



/*css style recruitment*/



.recruitment .table>thead{

	background: #0c4d9e;

    color: #fff;

}



.recruitment .table-bordered>thead>tr>th{

	border: 0;

}



.recruitment .table tbody tr:nth-of-type(odd){

	background-color: rgba(0,0,0,.05);

}



.recruitment .table>tbody>tr>th, .recruitment .table>thead>tr>td, .recruitment .table>thead>tr>th{

	padding: 12px 10px;

}



/*css style contact*/

.contact{

	padding: 30px 0px 50px 0;

}



.contact .news_contact{

	margin: 0;

	padding: 0;

}



.contact .news_contact li{

	list-style: none;

	margin-bottom: 10px;

}



.contact .news_contact li span{

	color: #0c4de2;

	margin-right: 7px;

	font-size: 14px;

}



.contact .btn{

    color: #fff;

    padding: 7px 12px;

    border-radius: 4px;

    background: #0c4da2;

    transition: all .5s ease;

    border: 1px solid #0c4da2;

}



.contact .btn:hover{

    color: #0c4da2;

    background: #fff;

    transition: all .5s ease;

}





/*css style reponsive page*/

@media (max-width: 1024px){

	.sei_text_box >div.one , .sei_text_box >div.two{

		width: 100%;

	}



	.sei_text_box >div.one img{

		width: 100%;

	}

}



@media (max-width: 425px) {

	.tab-content>.active h4 span{

		font-size: 11px;

	}



	.page-sp img{

		right: 0 !important;

	}

	.title-page h1{
		font-size: 18px;
	}

	.sei_intro .nav-tabs>li>a{
		padding: 0 7px;
		font-size: 14px;
	}

}