@import url('https://fonts.googleapis.com/css?family=PT+Serif:wght@300&sidebar.open');
@import url('https://fonts.googleapis.com/css?family=Oswald:wght@300&sidebar.open');

#bannertop{
	padding-top:15px;
	padding-bottom:15px;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: Arial;
	font-size: 13px;
	line-height: 1.7 !important;
	color: #222;
	background-color: #ffffff;
}
.well{
	padding: 20px;
	margin: 20px auto;
	border: 2px solid #f0ae5d;
	box-shadow: 3px 5px #f0ae5d;	
	border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;	
	border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;	
}
.containerMain{
	width: 100% !important;
}

#loading  {
    position: fixed;
    top: 52%;
	left: 45%;
	z-index:1000;
}


.fullwidth{
	width: 100% !important;
}

.containerfull{
	background-color: #fff !important;
	width: 100% !important;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left !important;
}
.tieude{
	font-weight: bold !important;
	text-align: right; !important;
	padding-left: 10px !important;
}
a.phoneMe {
    position: fixed;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 30px;
    background: green;
    color: white;
}

.thongtin{
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 10px !important;
}	

.khunghienthi{
	 width: 100% !important;
	 text-align: center;
	 background-color: #fff;
}
.thongbaokq{
   margin-left: 15px;
   margin-right: 15px;
   margin-bottom: 30px;
   line-height: 26px;
   text-align: left;
   padding: 28px;
   padding-bottom: 50px;
   font-size: 15px;
   padding-left: 18px;
   background-color: #f5f7f7;
   border: 0px solid #bdbfbf;
   border-radius: 15px;
   text-shadow: 6px 5px 7px 0px #edeff0;
}	


.myboxshadow {
	 margin-top: 30px;
	 max-width: 380px !important;
	 margin-bottom: 30px;
	 margin-left: 26px;
	 margin-right: 10px;
   line-height: 26px;
   text-align: left !important;
   padding: 12px;
   font-size: 15px;
   padding-left: 18px;
   background-color: #dcecf5;
   border: 2px solid #bdbfbf;
   border-radius: 15px;
   display: inline-block;
   text-shadow: 6px 5px 7px 0px #edeff0;
   box-shadow:0 8px 8px 0 #6d858c, 0 12px 18px 0 #6d858c;
}

.myboxshadowkhongdat {
	 margin-top: 30px;
	 max-width: 380px;
	 margin-bottom: 30px;
	 margin-left: 26px;
	 margin-right: 10px;
   line-height: 26px;
   display: inline-block;
   text-align: left !important;
   padding: 12px;
   font-size: 15px;
   padding-left: 18px;
   background-color: #f5e0dc;
   border: 2px solid #bdbfbf;
   border-radius: 15px;
   text-shadow: 6px 5px 7px 0px #edeff0;
   box-shadow:0 8px 8px 0 #6d858c, 0 12px 18px 0 #6d858c;
}

.dong{
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	text-align: center !important;
}	

.well h3{
	color: #c46e04;
	font-size: 2.5em;
	font-weight: bold;
}

.well .h4{
	color: #ad4605;
	font-size: 1.1em;
}

#noidungthanhcong{
	font-size:14px;
	padding-bottom: 20px;
	text-align: justify;
}

#chucmung{
	padding-top: 20px;
	font-size:28px;
	text-align: center;
}

.btnsubmit{
	text-align: center;
}

#logotongdai{
	height:135px !important;
}

#logobaiviet{
  width:40px !important;
  border:0px !important;
  padding:0px !important;
  padding-right:8px !important;
  margin:0px !important;
}

#logobaivietnho{
  width:30px !important;
  border:0px !important;
  padding:0px !important;
  padding-right:8px !important;
  margin:0px !important;
}

.navbar-brand{
	display: none;
}
.dknhanemail{
	float: left;
}
.cangiua{
	text-align: center !important;
}
.cantrai{
	text-align: left !important;
}
.ml-auto{
	text-align: center !important;
}
.display-1{
font-size:18px !important;
}

.xemtiep{
float:right;
padding-right:40px;
clear:left;
}

.phantrang ul li{
	margin-right:10px !important;
	margin-left:10px !important;
}

.galleria{ 
	text-align: center;
	height: 532px !important; 
	width: 100% !important;
	background-color: #000;
}

.navbar {
	border-bottom: 0px solid #f28d07;
	border-top: 0px solid #f28d07;
	height: 41px;
	background-color: #ed8d0e !important;
	text-align: center;
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size: 16px;
	top:0px;
	z-index: 999;
}

.submenu1{
	font-size: 13px;
	width: 380px;
	display:block;
	text-transform: normal;
	
}
.navbar li a {
    color: #ffffff !important;
    padding-left: 15px;
    background-color:#ed8d0e !important;
    padding-right: 15px;
}
.navbar li a:hover {
    color: yellow !important;
}
.navbar .dropdown-menu{
	padding-top:10px;
	padding-bottom: 10px;
	font-size: 14px;

	background-color:#ed8d0e !important;
}

.navbar .dropdown-menu a{
	padding-top:0px;
	padding-bottom: 0px;
	text-decoration: none;
	background-color:#fff;
}

.nav-item{
    padding-left: 5px;
    background-color:#ed8d0e !important;
    padding-right: 5px;	
}

.carousel-inner img {
	width: 730px;
	height:300px;
	margin-top:5px;
}
.footer{
	color: white;	
	padding-top: 25px;
	padding-bottom: 35px;
	background-color: #ed8d0e !important;
}
.footer .footer0{
	color: white;	
}
.diachi{
	padding-top: 15px;
}
.footer0 #tbemail{
	border: 3px solid #ffffff;
	margin-left:5px; 
	margin-right:-4px;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.footer0 button{
	border: 3px solid #ffffff;
	color: white;
	padding-left:15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #f28d07;
}

.nenchinh{
	background-color: white;
}
.nen1{
	background-color: blue;
}

.nen2{
	background-color: yellow;
}

.nen3{
	background-color: green;
}

.nen4{
	background-color: gray;
}

.nen5{
	background-color: pink;
}
.luotxem{
	font-family: arial;
	font-size: 11px;	
	border-top: 1px solid #D3D3D3;
	padding-top: 5px;
	text-align: right;
	padding-bottom: 30px;
}
.banner img{
	height: 150px;
	text-align: center;
}
.tintuckhac{
	font-family: Arial;
	font-size: 13px;
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 10px;
	padding-top: 10px;	
}

.tintuckhac a{
	font-family: Arial;
	font-size: 13px;
	text-decoration: none;
	color: black;
}
.tintuckhac a:hover{
	color:#f28d07;
}

.tintuckhac img{
	width: 12px;
	margin-right: 5px;
}

.tieudetintuckhac{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #D3D3D3;
	margin-bottom: 10px;
	padding-bottom: 3px;
	padding-top: 30px;
	font-family: Oswald;
	text-transform: uppercase;
}

.doitac{
	border: 1px solid #D3D3D3;
	border-top: 5px solid #ed8d0e;
	box-shadow: 2px 2px #C0C0C0;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background-color: #FFF;
	text-align: center;
}
.doitac img{
	text-align: center;
	width: 155px;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;	
}
.doitac .tieude{
	font-size: 20px;
	font-weight: bold;
	color: #ed8d0e;
	border-bottom: 1px solid;
	margin-bottom: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	font-family: Oswald;
	text-transform: uppercase;
}
.paneltopbenphai{
	border: 1px solid #D3D3D3;
	border-top: 0px solid #ed8d0e;
	box-shadow: 2px 2px #C0C0C0;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	margin: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background-color: #FFF;
}

.panelbenphai{
	border: 1px solid #D3D3D3;
	border-top: 5px solid #ed8d0e;
	box-shadow: 2px 2px #C0C0C0;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	margin: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background-color: #FFF;
}

.panelbenphai .tieude, .paneltopbenphai .tieude{
	font-size: 20px;
	font-weight: bold;
	color: #ed8d0e;
	border-bottom: 1px solid;
	margin-bottom: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	font-family: Oswald;
	text-transform: uppercase;
}

.panelbenphai .tieude a,.paneltopbenphai .tieude a{
	font-size: 20px;
	font-weight: bold;
	color: #ed8d0e;
	margin-bottom: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	font-family: Oswald;
	text-transform: uppercase;
}


.panelbenphai img{
	margin: 0px;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;	
}

.paneltopbenphai img{
	margin-left:10px;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;	
	height: 240px;
	width: 94%;
	text-align: center;
}

.panelbenphai .anhhoatdong , .paneltopbenphai .anhhoatdong{
	text-align: left;
}

.panelbenphai .anhhoatdong img{
	width: 100px;
	height: 100px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;	
}

.tinchinh, .gallery{
	border: 1px solid #D3D3D3;
	border-top: 5px solid #ed8d0e;
	box-shadow: 2px 2px #C0C0C0;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	margin: 0;
	width:100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-color: #FFF;
	float: left;
}

.tinchitiet{
	border: 1px solid #D3D3D3;
	border-top: 5px solid #ed8d0e;
	box-shadow: 2px 2px #C0C0C0;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	margin: 0;
	width:100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-color: #FFF;
	float: left;
}

.tinchitiet img{
	max-width: 100%;
	height: auto;
	margin: 10px;
	border: 3px solid #E7E7E7;
}

.tinchitiet table{
	max-width: 100%;
	height: auto;
	display:block;
	margin: 0 auto;
	padding-top:15px;
	padding-bottom:15px;
	border: 0px solid #E7E7E7;
}

.tinchitiet iframe{
	width: 640px;
	height: 488px;
	display:block;
	margin: 0 auto;
	margin-top:15px;
	margin-bottom:15px;
	border: 12px solid #E7E7E7;
}

.tinchinh img{
	width: 220px;
	height: auto;
	float: left;
	margin: 10px;
	border: 4px solid #E7E7E7;
}
.tinchinh .tenbaiviet{
	padding-top: 5px;
	padding-left:10px;
	padding-bottom: 5px;
	font-size: 16px;
	font-family: 'Oswald';
	font-weight: normal;
}
.tinchinh .tenbaiviet a{
	text-decoration: none;
	color: black;
}
.clearleft{
	clear: left;
}

.khung_gallery{
	margin: 5px;
	margin-top: 10px !important;
	padding: 0px;
	width: 100%;
	text-align: center !important;
}

.khung_gallery ul{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.khung_gallery ul li{
	list-style: none;
	clear: left;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #C0C0C0;
	float: left;
	width: 100%;
}

.khung_gallery ul li h2{
	font-family: 'Oswald';
	font-size: 18px;
	padding-top: 0px;
	margin: 0px;
}

.khung_gallery h2{
	font-family: 'Oswald';
	font-size: 20px;
	padding-top: 15px;
	margin: 0px;
}

.khung_gallery ul li h3{
	margin: 0px;
	padding-top:0px;
	font-family: Arial;
	font-size: 13px;
	line-height: 1.7;
}
.khung_gallery img{
	height: 140px;
	width: 220px;
	text-align: center;
}
.khungtintuc{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.khungtintuc ul{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.khungtintuc ul li{
	list-style: none;
	clear: left;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #C0C0C0;
	float: left;
	width: 100%;
}

.khungtintuc ul li h2{
	font-family: 'Oswald';
	font-size: 14px;
	padding-top: 8px;
	margin: 0px;
}

.khungtintuc h2{
	font-family: 'Oswald';
	font-size: 20px;
	padding-top: 15px;
	text-align:left;
	margin: 0px;
}
.khungtintuc .chitiettintuc{
	font-family: arial;
	font-size: 13px;
	text-align: justify;
	line-height: 1.6;	
	clear:left;
}

.khungtintuc ul li h3{
	margin: 0px;
	padding-top:0px;
	font-family: arial;
	font-size: 13px;
	line-height: 1.6;
}

.khungtintuc ul li h4{
	bottom: 5px;
	padding-top: 10px;
	color: #D98800;
	text-align: right;
	font-family: arial;
	font-size: 13px;
}

.khungtintuc ul li h4 a{
	text-decoration: none;
	color: #D98800;
	font-family: arial;
	font-size: 13px;
	text-align: right;
}

.khungtintuc ul li h4 a:hover{
	text-decoration: underline;
	color: #D98800;
	font-family: arial;
	font-size: 13px;
	text-align: right;
}

.panelbenphai ul li{
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
	width: 100%;
}

.tinchinh .tenbaivietphu .ten{
	margin-top: 6px;
	margin-left: 3px;
}

.tinchinh .tenbaivietphu a{
	padding-top: 5px;
	color: black;
	text-decoration: none;
}

.panelbenphai .tenbaiviet{
	padding-top: 5px;
	padding-left: 30px;
}

.tentintuc{
	padding-top: 9px;
	padding-bottom: 5px;
	font-size: 12px;
	font-family: 'Oswald';
	font-weight: bold;
}
.noidungbaiviet, .noidungtintuc{
	font-weight: normal;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
}

.tinchinh .tenbaivietphu img{
	width: 120px;
	vertical-align: top;
	margin-right: 5px;
	float: left;
}

.tieudegallery{
	padding-top: 7px;
	padding-left: 15px;
	padding-bottom: 2px;
	border-bottom: 1px solid #f28d07;
	font-family: 'Oswald';
	font-size: 24px;	
	color: #e05e07;
}

.tieudegallery a{
	color: #e05e07;
}

.tieudepanel{
	padding-top: 7px;
	padding-bottom: 2px;
	border-bottom: 1px solid #f28d07;
	font-family: 'Oswald';
	font-size: 20px;	
	color: #f28d07;
	clear:left;
}

.tenbaigiang{
	text-align: center !important;
	font-family: 'Oswald';
	font-size: 14px;	
	height: 48px;
	padding-top: 5px;
	color: #e05e07;
	border-bottom: 2px solid #f28d07;
	margin-bottom: 15px;
}

.tenbaigiang a{
	color: #e05e07;
}

.tieudebaigiang{
	margin-left: 5px;
	margin-right: 5px;
	text-align: center !important;
	font-family: 'Oswald';
	font-size: 20px;	
	color: #f28d07;
}

.tieudebaigiang img{
	text-align: center !important;
}

.tieudebaigiang h2{
	text-align: center !important;
	margin-bottom: 12px !important;
}

.tieudebaigiang a{
	text-align: center !important;
}

.panelbenphai .tenbaiviet img{
	width: 12px;
	margin-right: 5px;
}
.carousel-caption {
	position: absolute;
	bottom: 0%;
	height: 100px;
	width: 100%;
	margin: 0 0 0 0;
	left: 0%;
	
	background-color: rgba(62,44,100, 0.6);
}
.carousel{
	margin-bottom: 15px;
}
.carousel-caption h1 {
	font-size: 200%;
	text-transform: uppercase;
	text-shadow: 5px 5px 15px #000;
}
.carousel-caption h3 {
	font-size: 100%;	
	text-shadow: 2px 2px 10px #000;
	font-family: Arial;
}
.btn {
	font-size: 13px;
	font-family: Arial;
	background-color: #f28d07;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid white;
}
.btn:hover {
	background-color: #ed8d0e;
	border: 1px solid white;
}
.jumbotron {
	padding: 1rem;
	border-radius: 0;
}
.welcome hr {
	border-top: 2px solid rgba(62,44,100, 0.6);
	width: 95%;	
	margin-bottom: 2rem;
}

.fa-react {
	color: #81D8F7;
}
.fa-angular {
	color: rgb(177,43,55);
}
.fa-css3 {
	color: #D76537;
}
.fa-react, .fa-angular, .fa-css3 {
	font-size: 4em;
	margin: 1rem;
}
.fun {
	width: 100%;
}
.social a {
	font-size: 3em;/*1em = 16px*/
	padding: 3rem;/*1rem = 1 "font-size" */
}
.fa-facebook {
	color: #3b5998;
}
.fa-twitter {
	color: #00aced;	
}
.fa-google-plus-g {
	color: #dd4b39;
}
.fa-instagram {
	color: #517fa4;
}
.fa-youtube {
	color: #bb0000;
}
footer {
	background-color: #3f3f3f;
	color: #d5d5d5;
}
hr.light {
	border-top: 1px solid #d5d5d5;
	width: 75%;
}
.light-100 {
	border-top: 1px solid #d5d5d5;
	width: 100%;
}
/*Media Query*/
@media (max-width: 992px){
	.carousel-caption {
		height: 60px;
		margin-top: 0px;
		bottom: 0%;
	}

	.khung_gallery img{
		height: 150px;
		max-width: 250px;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.tenbaigiang{
		text-align: center !important;
		font-family: 'Oswald';
		font-size: 14px;	
		height: 48px;
		color: #f28d07;
		border-bottom: 2px solid #f28d07;
		margin-bottom: 15px;
	}

	.khung_gallery ul li{
		width: 100%;
	}
	.khung_gallery ul li h2{
		clear: left
	}
	.carousel-caption h1{
		font-size: 150%;
	}
	.carousel-caption h3{		
		font-size: 130%;		
	}
	.carousel-caption .btn{		
		font-size: 110%;		
	}
}


@media (max-width: 768px){	
	#bannertop{
		display: none;
	}

	.tenbaigiang{
		text-align: center !important;
		font-family: 'Oswald';
		font-size: 14px;	
		height: 48px;
		color: #f28d07;
		border-bottom: 2px solid #f28d07;
		margin-bottom: 15px;
	}

	.display-1{
	font-size:12px !important;
	}

	.galleria{ 
		text-align: center;
		height: 332px !important; 
		width: 100% !important;
		background-color: #000;
	}

	.navbar .dropdown-menu{
		padding-top: 0px;
		padding-bottom: 0px;
		font-size: 14px;
		margin-top:0px;
		border:0;
		background-color:#fff;
	}

	.khung_gallery img{
		height: 150px;
		max-width: 250px;
		margin-right: 15px;
		margin-bottom: 15px;
		margin-left: auto;
	}

	.khung_gallery a{
		margin-bottom: 15px;
	}

	.khung_gallery ul li h2{
		clear: left
	}
	.khung_gallery ul li{
		width: 100%;
	}
	.navbar .dropdown-menu a{
		text-decoration: none;
		background-color:#fff;
	}
	.carousel-caption {
		height: 60px;
		margin-top: 0px;
		bottom: 0%;
	}
	.carousel-caption h1{
		font-size: 120%;
	}
	.carousel-caption h3{		
		font-size: 100%;
		padding-bottom: 0.2rem;
	}
	.carousel-caption .btn{		
		font-size: 100%;
		padding: 8px 14px;
	}
}



@media (max-width: 576px){
	.carousel-caption {
		height: 60px;
		padding-top: -10px;
		bottom: 0%;
	}


	.submenu1,.dropdown-divider{
		font-size: 13px;
		width: 100% !important;
		text-transform: normal;
		
	}

	#bannertop{
		display: none;
	}


	.carousel-inner img {
		width: 100%;
		height:auto;
		margin-top:5px;
	}


	.tinchitiet iframe{
		max-width: 100%;
		height: auto;
		text-align:center !important;
		margin: 1px;
		border: 1px solid #E7E7E7;
	}

	.navbar{
		text-align: left;
	}
	.navbar .dropdown-menu{
		padding-top: 0px;
		padding-bottom: 0px;
		font-size: 14px;
		width: 100%;
		background-color:#fff;
	}
	.collapse, .navbar-collapse, .navbar-nav{
	padding-top:0px !important;
	border:0px !important;
	}

	.display-1{
	font-size:12px !important;
	}
	.galleria{ 
		text-align: center;
		height: 332px !important; 
		width: 100% !important;
		background-color: #000;
	}
	.carousel-caption h1{
		font-size: 120%;
	}
	.carousel-caption h3{		
		font-size: 90%;		
	}
	.khung_gallery ul li{
		width: 100%;
	}
	.khung_gallery ul li h2{
		clear: left
	}
	.khung_gallery img{
		height: 150px;
		max-width: 250px;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.navbar-toggler{
		font-family: 'Oswald';
		text-transform: uppercase;
		color:#fff !important;
		font-size:13pt;
		width:100%;
	}

	.tenbaigiang{
		text-align: center !important;
		font-family: 'Oswald';
		font-size: 14px;	
		height: 48px;
		color: #f28d07;
		border-bottom: 2px solid #f28d07;
		margin-bottom: 15px;
	}

	.navbar-toggler-icon{
		color:#fff !important;
	}

	.khung_gallery a{
		margin-bottom: 15px;
	}

	.carousel-caption .btn {		
		font-size: 60%;
		padding: 4px 8px;
	}	

}