*{
	margin: 0;padding: 0;
}
.mobile{display:none!important}
body
{
	font-family: Arial , sans-serif;
    font-style: Normal;
}
.clear
{
	clear: both;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.min-height-600
{
	min-height: 500px !important;
}
header
{
	width: 100%;
}
.header-1170
{
	width: 1170px;
	margin: auto;
}
.logo
{
	padding: 20px 0;
}
.logo img
{
	max-height: 150px;
}
.menu
{
	margin:45px 0px 30px;
}
.menu-trangchu
{
	border:2px solid #201c1d !important;

}
.menu-li
{
	padding:13px 20px 13px;
	font-size: 14px;
	font-weight: 600;
	text-transform:uppercase;
	border-radius:3px;
	float: left;
	border: 2px solid transparent;
	position: relative;

}
a{
	text-decoration: none;
}
.menu-li a
{
	color: #2c2c2c;
	transition: 0.5s;

}
.menu-li a:hover
{
	color: #2ba4db;
	transition: 0.5s;
}
.hienthi-con
{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 2px;
	margin: auto;
	width: 0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top: 7px solid #201c1d;
		transition: 0.5s;
		opacity: 0;
}
.menu-li:hover .hienthi-con
{
	opacity: 1;
		transition: 0.5s;
}
.min
{
	height: 1200px;
}
.menu-li:hover .sub-menu
{
	display: block;
}
.sub-menu
{
	white-space: nowrap;
	background:#FFF;
	border-top:3px solid #e9d8c4;
	padding:10px 8px 10px;
	position:absolute;
	top:48px;
	left:0px;
	border-radius:0px 0px 3px 3px;
	box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.25);
	list-style-type: none;
	text-transform:none;
	display: none;
	z-index: 1;
}
.menu-li:last-child .sub-menu
{
	
	left: -100%;
}
.sub-menu li
{
	margin: 0 5px;
	
	line-height: 35px;
	width: calc(100% - 10px);
}
.sub-menu li a
{
	color:#545454;
	
	padding:9px 10px 8px;
	border-bottom:1px solid transparent;
	font-size:13px;
	border-radius:3px;
	width: calc(100% - 17px);
	position: relative;
	z-index: 10;


}
.sub-menu li:hover 
{
	background-color: #dfdfdf;
	border-radius: 3px;
}
header 
{
  	transition: all 0.5s ease;
  	z-index: 10;
}
.fixed 
{
  	position: fixed;
  	top: 0;
  	left: 0;
  	animation: smoothScroll 1s forwards;
  	z-index: 100;
}
@keyframes smoothScroll 
{
  	0% {
  		transform: translateY(-40px);
  	}
  	100% {
  		transform: translateY(0px);
  	}
}
header.fixed:before 
{
	content: "";
	width: 100%;
	height: 100%;
	background: #FFF;
	position:absolute;
	z-index: -1;
	background-color:rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 0px 0px #ccced5;
	opacity: 0.9;
}
header.fixed .logo
{
   	padding: 5px 0;
}
header.fixed .menu
{
  	margin: 21px 0px 0px;
}
header.fixed .logo  img
{
  	max-height: 80px;
}
img
{
	max-width: 100%;
}
.menu-toggle
{
	display: none;
}
.dt-menu-expand
{
	display: none;
}
.banner
{	
	width: 100%;
	margin: auto;
}
.banner img
{
	width: 100%;
}
footer
{
	margin-top: 80px;
	position: relative;
}
.footer-logo
{
	width: 100px;
	height: 100px;
	display: flex;align-items: center;justify-content: center;
	top:-60px;
	position:absolute;
	background:#ffffff;
	border-radius:114px;
	padding: 7px;
	left: 0;
	right: 0;
	margin: auto;
}
.footer-info
{
	padding-top: 90px;
	background: #f6f6f6;
	border-top:3px solid #ededed;
	padding-bottom: 40px;
}
.footer-1170
{
	width: 1170px;
	margin: auto;
}
.footer-info-li
{
	width: 31%;
	float: left;
	margin-left: 3.5%;
}
.footer-info-li:first-child
{
		margin-left:0;
}
.footer-info-li-tieude
{
	font-size: 20px;
	font-weight: 500;
	text-transform:none;
}
.footer-info-li-text
{
	margin-top: 40px;
	font-size: 14px;
	line-height: 1.8;
	color: #808080;
	text-align: justify;
}
.footer-info-li-khampha
{
	margin-top: 20px;
	padding:12px 15px 10px;
	font-size: 12px;
	cursor:pointer;
	font-weight:bold;
	text-transform:uppercase;
	border:2px solid #201c1d;
	border-radius: 3px;
	color: #201c1d;
	float: left;
	transition: 1s;
}
.footer-info-li-khampha:hover
{
	background: #2ba4db;
	color: #FFF;
	transition: 1s;
	border:2px solid #2ba4db;
}
.footer-info-li-text div
{
	line-height: 20px;
	border-bottom: 1px solid #ccced5;
	padding:6px 0px 6px 6px;
	margin-bottom:10px;
	padding-bottom: 10px;
	position: relative;

}
.footer-info-li-text div:before
{
	/*content:"\f105";*/
	position:absolute;
	top:6px;
	left: 0;
	font-family:FontAwesome;
}
.footer-info-li-text span
{
	padding-left: 10px;
}
.footer-info-li-text span a
{

	color: #808080;
	transition: 1s;
	font-weight: 5	00;
}
.footer-info-li-text div:hover a
{
	color: #2ba4db;
	transition: 1s;
}
.email-footer a
{
	color: #2ba4db !important;
}
.footer-info-li-text .fa-location-arrow:before
{
	content:"\f124";
	color: #2ba4db;
	font-size: 16px;
}
.nguoc:before
{
	content: "\f105";
	left: 0;
	top: 6px;
	position: absolute;
	font-family:FontAwesome;
}
.fa-phone
{
	content: "\f095";
	font-size: 16px;
	color: #2ba4db;
}
.fa-envelope
{
	content: "\f0e0";
	color: #2ba4db;

}
.footer-info-li-text i.fa
{
	font-size: 20px;
}
.footer-bot
{
	padding: 20px 0;
	background-color:#2ba4b5;
	font-size: 14px;
	line-height: 40px;

}
.coppy
{
	color: #FFF;
}
.fa-youtube:before
{
	content:"\f167";
}
.fa-facebook:before
{
	content: "\f09a";
}
.footer-bot .right .fa
{
	font-size: 18px;
	color: #FFF;
}
.fa-google-plus
{
	content: "\f0d5";
}
.footer-bot .right div
{
	margin:0 15px
}
	@media only screen and (max-width: 1280px) and (min-width: 960px)
	{
		.header-1170
		{
			max-width: 950px;
			width: 100%;
		}
		.footer-1170
		{
			max-width: 980px;
			width: 100%;
		}

		.logo
		{

		}
		.logo img
		{
			margin: auto;
			width: 80px;
			max-width: 100px;
		}
		.menu-li
		{	
			padding: 13px;
		}
		.menu-li .sub-menu-active
		{

		}
		.menu-li:hover .sub-menu
		{
			display: none;
		}
		.hienthi-con
		{
			display: none;
		}
		.menu-li:last-child .sub-menu
		{
			left: 0%;
		}
		.coppy
		{
			width: 100%;
		}
		.fot-icon
		{
			width: 100%;
			display: flex;justify-content: center;
			text-align: center;
		}
	}
	@media only screen and (max-width: 959px) and (min-width: 769px)
	{
		.header-1170
	{
		width: 90%;
		padding:0 5%;
		max-width:420px;
	}
	.footer-1170
	{
		max-width: 420px;
		width: 100%;
	}
	.footer-info-li
	{
		width: 100%;
		margin: 20px 0 0 0;
	}
	.logo
	{
		width: 100%;
		text-align: center;
	}
	.logo img
	{
		margin: auto;
		max-width: 100px;
	}
	.menu
	{
		background: #08bbb7;
		transition: height 1s ease;
		overflow: hidden;
		width: 100%;
	}
	.menu-active
	{
			height: 100%;
			transition: height 1s ease;
	}
	.menu-li
	{
		width: 100%;

		border:none;
	}
	.menu-li a
	{
		color: #FFF;
	}
	.menu-trangchu
	{
		border: none !important;
	}
	.menu-an
	{
		display: none;
		position: relative;
	}
	.fixed
	{
		position: relative;
	}
	.dt-menu-toggle-icon
	{
		background: #FFF;
		display:inline-block;
		float: right;height:2px;
		margin-top:8px;
		position: relative;text-align:left;
		width:20px;
	}
	.dt-menu-toggle-icon:before
	{
		content: "";
		position:absolute;
		background:#FFF;
		height:2px;
		width:20px;
		left:0;
		top: -5px;
	}
	.dt-menu-toggle-icon:after
	{
		content: "";
		position:absolute;
		background:#FFF;
		height:2px;
		width:20px;
		left:0;
		top: 5px;
	}
	.menu-toggle
	{
		display: block;
		background: #2ba4b5;
		position: relative;
		width: 100%;
		height: 35px;
		padding:3% 3% 3% 3%;
	}
	.dt-menu-expand
	{
		display: block;
		color: #FFF;
		float: right;
		font-size: 16px;
		position: absolute;
		top: 12px;
		right: 12px;
	}
	.sub-menu
	{
		width: 100%;
		position: relative;
		padding: 0;
		margin: 0;
		top: 12px;
	}
	.menu-li .sub-menu-active
	{

	}
	.menu-li:hover .sub-menu
	{
		display: none;
	}
	.hienthi-con
	{
		display: none;
	}
	.menu-li:last-child .sub-menu
	{
		left: 0%;
	}
	.coppy
	{
		width: 100%;
	}
	.fot-icon
	{
		width: 100%;
		display: flex;justify-content: center;
		text-align: center;
	}
	}
@media only screen and (max-width: 768px)
{
	.header-1170
	{
		width: 90%;
		padding:0 5%;
		max-width:420px;
	}
	.footer-1170
	{
		max-width: 420px;
		width: 100%;
	}
	.footer-info-li
	{
		width: 100%;
		margin: 20px 0 0 0;
	}
	.logo
	{
		width: 100%;
		text-align: center;
	}
	.logo img
	{
		margin: auto;
		max-width: 100px;
	}
	.menu
	{
		background: #08bbb7;
		transition: height 1s ease;
		overflow: hidden;
		width: 100%;
	}
	.menu-active
	{
			height: 100%;
			transition: height 1s ease;
	}
	.menu-li
	{
		width: 100%;

		border:none;
	}
	.menu-li a
	{
		color: #FFF;
	}
	.menu-trangchu
	{
		border: none !important;
	}
	.menu-an
	{
		display: none;
		position: relative;
	}
	.fixed
	{
		position: relative;
	}
	.dt-menu-toggle-icon
	{
		background: #FFF;
		display:inline-block;
		float: right;height:2px;
		margin-top:8px;
		position: relative;text-align:left;
		width:20px;
	}
	.dt-menu-toggle-icon:before
	{
		content: "";
		position:absolute;
		background:#FFF;
		height:2px;
		width:20px;
		left:0;
		top: -5px;
	}
	.dt-menu-toggle-icon:after
	{
		content: "";
		position:absolute;
		background:#FFF;
		height:2px;
		width:20px;
		left:0;
		top: 5px;
	}
	.menu-toggle
	{
		display: block;
		background: #2ba4b5;
		position: relative;
		width: 100%;
		height: 35px;
		padding:3% 3% 3% 3%;
	}
	.dt-menu-expand
	{
		display: block;
		color: #FFF;
		float: right;
		font-size: 16px;
		position: absolute;
		top: 12px;
		right: 12px;
	}
	.sub-menu
	{
		width: 100%;
		position: relative;
		padding: 0;
		margin: 0;
		top: 12px;
	}
	.menu-li .sub-menu-active
	{

	}
	.menu-li:hover .sub-menu
	{
		display: none;
	}
	.hienthi-con
	{
		display: none;
	}
	.menu-li:last-child .sub-menu
	{
		left: 0%;
	}
	.coppy
	{
		width: 100%;
	}
	.fot-icon
	{
		width: 100%;
		display: flex;justify-content: center;
		text-align: center;
	}
	.pc{display:none!important} .mobile{display:block!important}
}
@media only screen and (max-width: 479px) and (min-width: 320px)
{
.header-1170
	{
		width: 90%;
		padding:0 5%;
		max-width:420px;
	}
	.footer-1170
	{
		max-width: 420px;
		width: 100%;
	}
	.footer-info-li
	{
		width: 90%;

		margin: 20px 5% 0 5%;
	}
	.footer-info-li:first-child
	{
		margin: 20px 5% 0 5%;
	}
	.logo
	{
		width: 100%;
		text-align: center;
	}
	.logo img
	{
		margin: auto;
		max-width: 100px;
	}
	.menu
	{
		background: #08bbb7;
		transition: height 1s ease;
		overflow: hidden;
		width: 100%;
	}
	.menu-active
	{
			height: 100%;
			transition: height 1s ease;
	}
	.menu-li
	{
		width: 100%;

		border:none;
	}
	.menu-li a
	{
		color: #FFF;
	}
	.menu-trangchu
	{
		border: none !important;
	}
	.menu-an
	{
		display: none;
		position: relative;
	}
	.fixed
	{
		position: relative;
	}
	.dt-menu-toggle-icon
	{
		background: #FFF;
		display:inline-block;
		float: right;height:2px;
		margin-top:8px;
		position: relative;text-align:left;
		width:20px;
	}
	.dt-menu-toggle-icon:before
	{
		content: "";
		position:absolute;
		background:#FFF;
		height:2px;
		width:20px;
		left:0;
		top: -5px;
	}
	.dt-menu-toggle-icon:after
	{
		content: "";
		position:absolute;
		background:#FFF;
		height:2px;
		width:20px;
		left:0;
		top: 5px;
	}
	.menu-toggle
	{
		display: block;
		background: #2ba4b5;
		position: relative;
		width: 100%;
		height: 35px;
		padding:3% 3% 3% 3%;
	}
	.dt-menu-expand
	{
		display: block;
		color: #FFF;
		float: right;
		font-size: 16px;
		position: absolute;
		top: 12px;
		right: 12px;
	}
	.sub-menu
	{
		width: 100%;
		position: relative;
		padding: 0;
		margin: 0;
		top: 12px;
	}
	.menu-li .sub-menu-active
	{

	}
	.menu-li:hover .sub-menu
	{
		display: none;
	}
	.hienthi-con
	{
		display: none;
	}
	.menu-li:last-child .sub-menu
	{
		left: 0%;
	}
	.coppy
	{
		width: 100%;
	}
	.fot-icon
	{
		width: 100%;
		display: flex;justify-content: center;
		text-align: center;
	}
}