@font-face{font-family:Gotham-Light;src:url(/css/fonts/SVN-Gotham-Light.ttf);}
@font-face{font-family:Gotham;src:url(/css/fonts/SVN-Gotham-Book.otf);}
@font-face{font-family:Gotham-Medium;src:url(/css/fonts/SVN-Gotham-Regular.otf);}
@font-face{font-family:HelvetIns;src:url(/css/fonts/UTM-HelvetIns.ttf);}

html, body {
	font-family: Gotham;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	color: #212121;
    line-height:24px;
	background-color:#fff;
	
}
a{
   text-decoration:none;	
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
	
}
strong{
   text-decoration:none;	
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
}
a:hover{
	text-decoration:none;
}
/* Bounce In */
.hvr-bounce-in {
vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.hvr-wobble-horizontal {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.hvr-bob {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
.hvr-grow {
  display:block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Float */
.hvr-float {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
/* Forward */
.hvr-forward {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.item-hvr img
{
	 -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-transition-duration: 0.6s;
	  transition-duration: 0.6s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
}
.item-hvr:hover img
{
	-webkit-transform: scale(1.05);
     transform: scale(1.05);
	 opacity:0.9;
}
.img-hvr
{
	background-color:#fff;
	overflow:hidden;
	border:solid 1px #f2f2f2;
}
.img-hvr img
{
	display:block;
	width:100%;
	
}
.item-hvr1 img
{
	 -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-transition-duration: 0.6s;
	  transition-duration: 0.6s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
}
.item-hvr1:hover img
{
	-webkit-transform: scale(1.05);
     transform: scale(1.05);
	 opacity:0.45;
}
.img-hvr1
{
	background-color:#000;
	overflow:hidden;
}
.img-hvr1 img
{
	display:block;
	width:100%;
}
.text-center
{
	text-align:center;
}
.mr-auto
{
	margin:auto;
}

.page-one
{
	padding-top:35px !important;
}
.page-one-bg
{
	background-image:url(../images/bg_page.jpg);
	background-repeat:repeat-y;
	background-position:center;
	
}
.inner-col-right
{
	padding-left:40px;
}
.line-home
{
	padding-top:40px;
	padding-bottom:40px;
	background-size:cover;
	background-position:center center;
}
.line
{
	width:45px;
	height:3px;
	background-color:#0c240e;
	display: block
}
.wc
{
	padding-top:65px;
	padding-bottom:65px;
	position:relative;
	background-color:#fff
}

.content-wc
{
	margin-top:0px;
	line-height:22px;
}
.img-wc
{
	width:100%;
	position:relative;
	-webkit-border-radius: 6px;
border-radius: 6px;
}
.img-wc:before
{
	
}
.img-wc img
{
	display:block;
	width:100%;
	position:relative;
	z-index:2;
}
.title-wc
{
	font-weight:700;
	line-height:28px;
	margin-top:0px;
	background-repeat:no-repeat;
	background-position:bottom left;
	text-transform:uppercase;
}
.title-wc a
{
	font-weight:500;
	color:#fff;
}
.title-wc span
{
	color:#0c240e;
	font-size:27px;
	display:block;
	font-weight:500;
	margin-top:10px;
	text-transform:none;
}
.title-wc strong
{
	font-size:30px;
	font-weight:700;
	text-transform:uppercase;
	line-height:38px;
	color:#0c240e;
	
}
.title-wc a:hover
{
	color:#224326;
}

.title-wc strong:hover
{
	color:#224326;
}

.title-home
{
	font-size:32px;
	text-transform:uppercase;
	color:#0c240e;
	font-weight:700;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.title-home a
{
	color:#414042;
}
.title-home a:hover
{
	color:#224326;
}
.title-home-pro a
{
	color:#fff;
}
.title-home-pro a:hover
{
	color:#0c240e;
}

.title-home-w a
{
	color:#fff;
}
.title-home-news
{
	width:auto;
	float:left;
}

.link-viewmore
{
	display:inline-block;
	background-color:#0c240e;
	color:#fff;
	padding:12px 30px;
-webkit-border-radius: 100px;
border-radius: 100px;
   margin-top:15px;
   font-size:14px;
}
.link-viewmore:hover
{
	color:#fff;
	background-color:#224326
}
.link-download-profile
{
	background-color:#f1f2f2;
	color:#878787;
	font-weight:700;
}
.link-download-profile:hover
{
	background-color:#f0ce6f;
	color:#424242;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; 
	overflow: hidden;
}
.video-container img
{
	display:block;
	width:100%;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:99;
}
.intro-cat-home
{
	margin-top:10px;
	margin-bottom:15px;
}
/**/
.box-cathome
{
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:30px;
}


.img-cat
{
	overflow:hidden;
	position:relative;
}

.content-cathome
{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgb(0,0,0,0.6);
	width:100%;
	height:100%;
	text-align:center;
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
}
.item-cathome:hover .content-cathome 
{
	background-color:rgb(0,0,0,0.2);
}
.content-cathome > div
{
	display:table;
	width:100%;
	height:100%;
}
.content-cathome > div .name-item-cat
{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
	font-size: 35px;
	font-family: Gotham-Light;
	text-transform: uppercase;
}
.content-cathome > div .name-item-cat a
{
	color:#fff;
}
.content-cathome > div .name-item-cat a:hover
{
	color:#d7d7d7
}

.item-catpage
{
	border:solid 1px #d7d7d7;
	margin-bottom:30px;
}
.inner-item-cathome
{
	position:relative;
}
.title-subcat-home
{
	background-color:#0c240e;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	padding:12px 15px;
	margin:0;
}
.title-subcat-home a
{
	color:#fff;
}
.col-cat
{
	background-color:#f5f5f5
}
.col-cat ul
{
	margin:0;
	padding:0;
}
.col-cat ul li
{
	display:block;
}
.col-cat ul li a
{
	display:block;
	padding:12px 10px;
	border-bottom:solid 1px #fff;
	font-size:15px;
	font-weight:600;
	color:#424242
}
.col-cat ul li a:hover
{
	color:#0c240e
}
.col-cat ul li a:hover i.fa
{
	color:#189d06;
}
.col-pro
{
	border-top:solid 2px #0c240e;
}
.col-pro-page
{
	border-left:solid 1px #d7d7d7
}
.item-cathome
{
	position:relative;
}
.content-item-cathome
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	padding-top:60px;
}
.item-cathome .img-cathome
{
	display:block;
	width:100%;
}
.name-item-cathome
{
	text-align:center;
	font-weight:700;
	font-size: 40px;
	line-height: 40px;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:10px;
	transition: all 0.2s ease-out;

}
.item-cathome:hover .name-item-cathome
{
	transform: translate(0,0px);
	
}
.name-item-cathome a
{
	color: #5c5c5c;
    font-weight:500;
}
.name-item-cathome a:hover
{
	color:#bc2d47
}
.item-cathome:hover .name-item-cathome
{
}
.intro-item-cathome
{
	text-align:center;
	background-color:#fff;
	padding-bottom:15px;
	
}
.inner-intro-item-cathome
{
	padding:15px 15px
}

.mask-cat a
{
	font-size:18px;
	font-weight:700;
	display:block;
	margin-bottom:10px;
	color:#0c240e;
	text-transform:uppercase;
}
.mask-cat a:hover
{
	color:#fff;
}
.intro-mask-cat
{
	padding:0 20px;
}
/*Sản phâm*/
.line-pro-home
{
	background-color:#fff;
	padding-top:0;
	padding-bottom:40px;
}
.tab-home
{
	margin:0;
	padding:0;
	margin-top:0px;
	float:right;
	width:auto;
	margin-top:5px;
}
.tab-home li
{
	display:inline-block;
	margin-left:5px;
}
.tab-home li a
{
	display:inline-block;
	padding:12px 10px;
	font-weight:700;
	color:#414043;
	border:solid 1px #d7d7d7;
}
.tab-home li:last-child a
{

	
}
.tab-home li a:hover
{
	background-color:#0c240e;
	border-color:#0c240e;
	color:#fff;
}

.item-pro
{
	position:relative;
    overflow:hidden;
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
	text-align:center;
}
.item-pro-page
{
	margin-bottom:30px;
}
.item-pro-border
{
	border:solid 1px #d7d7d7;
	min-height:390px;
}
.item-pro-list
{
	position:relative;
	overflow:hidden;
	
}
.item-pro .size-item-pro
{
	color:#0c240e;
}
.img-pro
{
	
}
.catname-pro-item
{
	margin-bottom:0px;
}
.catname-pro-item a
{
	text-decoration:underline;
	color:#999;
}
.catname-pro-item a:hover
{
	color:#0c240e;
}
.inner-item-pro{
	padding:10px;
}
.bd-b-r{
	border-bottom:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
}
.pro-item-name
{
	font-weight:500;
	color:#414042;
	font-size:16px;
	margin:0;
	padding:5px 0;
	padding-top:15px;
	line-height:20px;
}
.pro-item-name a
{
	color:#414042;
	font-size: 14px;
text-transform: uppercase;
}
.pro-item-img
{
	width:100%;
	margin:auto;
	background-color:#fff;
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
}
.item-pro:hover .pro-item-img
{

}

@-webkit-keyframes flash {
  0% {  opacity: .3;  }
  100% { opacity: 1; }
}
@keyframes flash {
  0% { opacity: .3; }
  100% { opacity: 1;  }
}

.img-eff
{
	opacity: 1;
	-webkit-animation: flash 1s linear infinite;
	animation: flash 1s linear infinite;
}
.img-pro-hvr img:hover
{
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}

.pro-item-img img
{
	width:100%;
	margin:auto;
}
.pro-item-name a:hover
{
	color:#0c240e;
}
.pro-item-name-col
{
	font-weight:700;
	color:#414042;
	font-size:14px;
	margin:0;
	padding:0;
	margin-top:0px;
}
.pro-item-name-col a
{
	color:#414042;
}
.pro-item-name-col a:hover
{
	color:#0c240e;
}
.content-item-pro
{
	padding:15px 0px;
	padding-top:10px;
	padding-bottom:0
}
.ul-filter
{
	padding:0;
	margin:0;
}
.ul-filter li
{
	display:block;
	padding-top:3px;
}
.ul-filter li span
{
	display:inline-block;
	
}
.ul-filter li strong
{
	font-weight:700;
	color:#414042;
}
.ul-filter li .fil-cl
{
	
	width:32px;
	height:12px;
	margin-top:6px;
	margin-left:5px;
	border:solid 2px #1b75bc
}
.intro-item-pro ul
{
	margin:0;
	padding:0;
	border-top:solid 2px #d7b959;
	margin-top:15px;
}
.intro-item-pro ul li
{
	display:block;
	border-bottom:solid 1px #e8e4e4;
	padding:10px 0;
	font-weight:700;
}
.intro-item-pro ul li:last-child
{
	padding-bottom:0;
	border-bottom:none;
}
.code-item
{
	font-size:14px;
	font-size:#666;
}
.code-item span
{
	text-decoration:underline;
	font-style:italic;
}

.price-item
{
	margin-top:3px;
    padding-bottom:5px;
}
.price-item strong
{
	display:inline-block;
	font-size:18px;
	color:#F00;
	font-weight:700;
	padding-right:10px;
}
.price-item1 strong
{
	width:100%;
	text-align:center;
}
.price-item del
{
	display:inline-block;
    font-size:14px;
	color:#999;
	font-style:italic;
}

.item-pro:hover
{
	
}
.item-pro:hover a
{
	
}
.btn-pro
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	visibility: hidden;
	z-index: 999;
	transform: translate(0,30px);
	transition: all 0.5s ease-out;
}
.btn-pro a
{
	display:block;
	width:50%;
	text-align:center;
	float:left;
	background-color:#0c240e;
	color:#fff;
	font-weight:600;
	padding:10px 0; 
}
.btn-pro a.a-btn-bg
{
	background-color:#0c240e
}
.item-pro:hover .btn-pro
{
	visibility:visible;
    transform: translate(0,0);
}
.item-pro-list:hover .btn-pro
{
	visibility:visible;
    transform: translate(0,0);
}
/*trust*/
.hd-trust-home
{
	color:#fff;
	font-size:30px;
	text-align:center;
	margin:0;
	margin-bottom:5px;
	font-weight:700;
	text-transform:uppercase;
	
}
.line-w
{
	background-color:#fff;
	height:3px;
	width:60px;
	margin:auto;
	-webkit-border-radius: 100px;
border-radius: 100px;
}
.trust-home
{
	padding-top:30px;
	padding-bottom:20px;
	background-image:url(../images/bg1.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.title-trust
{
	font-size:18px;
	color:#fff;
	font-weight:700;
	margin-bottom:10px;
	margin-top:15px;
}
.intro-item-trust
{
	color:#f5f5f5;
	line-height:22px;
}
.timeline{
	position: relative;
	margin-top:30px;
}
/*Line*/
.timeline > li::before{
	content:'';
	position: absolute;
	width: 1px;
	top: 0;
	bottom: 0;
	left:-19px;
}
/*Circle*/
.timeline > li::after{
    text-align: center;
    padding-top:10px;
	font-size:30px;
	font-weight:700;
	line-height:44px;
	z-index: 10;
	content:counter(item);
	position: absolute;
	width: 58px;
	height: 58px;
	background-color: #814b9d;
	top:0;
	left:-58px;
}
/*Content*/
.timeline > li{
	counter-increment: item;
	padding: 0px 14px;
	margin-left: 0px;
	min-height:60px;
	position: relative;
	color:#fff;
	font-weight:700;
	font-size:16px;
	list-style: none;
	margin-bottom:20px;
}
.timeline>li:nth-last-child(1)::before{
	width: 0px;
}
.timeline > li .intro-trust{
	font-weight:normal;
	color:#d7d7d7;
	font-size:15px;
}
.trust-title-home
{
	font-size:46px;
	color:#fff;
	font-weight:700;
	text-align:center
}
.trust-title-home strong
{
	color:#0c240e;
	font-weight:700;
}
.item-trust
{
	text-align:center;
}
.name-item-trust
{
	font-weight:700;
	margin-bottom:4px;
	font-size:18px;
	color:#f39200
}
.timeline > li:hover::after{
	background-color:#f39200
}
/*media*/
.line-video-home
{
	background-color:#ebebeb
}
.item-media
{
	margin-bottom:30px;
}
.item-media .name-item-media
{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:700;
	margin-top:15px;
}
.item-media .name-item-media a
{
	color:#414042;
}
.item-media .name-item-media a:hover
{
	color:#0c240e;
}
.video-detail
{
	padding-bottom:40px;
}
.media-detail-name
{
	font-size: 32px;
margin: 0;
    margin-bottom: 0px;
padding: 0;
margin-bottom: 5px;
font-weight: 800;
color: #0c240e;
}
.img-media
{
	-webkit-border-radius: 6px;
border-radius: 6px;
overflow:hidden;
}
.other-video
{
	background-color:#f1f2f2;
	padding-top:40px;
	padding-bottom:40px;
}
/*News*/
.line-news-home
{
	background-color:#f1f2f2;
}
.item-news
{
	margin-bottom:30px;
	background-color:#fff;
}
.item-news .img-hvr
{
	overflow:hidden;
	-webkit-border-radius: 6px;
border-radius: 6px;
}
.content-item-news-page
{
	padding:15px 0;
}
.content-item-news
{
	padding:15px 0;
	background-color:#fff;
}
.item-news .name-item-news
{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:700;
	margin-top:10px;
}
.item-news .name-item-news a
{
	color:#424242;
	font-size:20px;
}
.item-news .name-item-news a:hover
{
	color:#0c240e;
}
.intro-item-news
{
	margin-top:10px;
	line-height:24px;
}
.more-news
{
	background-color:#f1f2f2;
	padding-top:40px;
	padding-bottom:30px;
}
.item-news-home
{
	margin-bottom:20px;
	overflow:hidden;
}
.name-item-news-home
{
	bottom:0;
	left:0;
	width:100%;
	font-weight:700;
	font-size:18px;
	margin:0;
	padding-bottom:10px;
}
.name-item-news-home a
{
	color:#000;
}
.name-item-news-home a:hover
{
	color:#0c240e
}

.item-top1
{
	margin-bottom:20px;
}
.item-top1 img
{
	width:100%;
	display:block;
}
.name-item-top1
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	margin:0;
	padding:15px 15px;
	padding-bottom:20px;
	background-color:rgb(0,0,0,0.6);
	line-height:26px !important;
}
.name-item-top1 a
{
	font-size:20px;
	color:#fff;
	font-weight:700;
}
.name-item-top1 a:hover
{
	color:#d7d7d7;
}
.name-item-news-top
{
	margin:0;
	padding:0;
	padding-bottom:10px;
	font-size:18px;
	font-weight:700;
}
.name-item-news-top a
{
	color:#424242;
}
.name-item-news-top a:hover
{
	color:#0c240e
}

.link-top_detail
{
	display:block;
	color:#0c240e
}
.link-top_detail:hover
{
	text-decoration:underline;
}
.hd-page-news
{
	background-color:#0c240e;
	font-size:22px;
	font-weight:700;
	margin:0;
	padding:12px 15px;
	color:#fff;
	margin-bottom:25px;
	-webkit-border-radius: 6px;
border-radius: 6px;
}
.intro-item-news-123
{
	text-align:justify;
	font-style:italic;
}

.item-news-top1
{
	margin-bottom:30px;
	
}
.name-item-news-page
{

}
.content-item-news-top1
{
	background-color:#fff;
	padding:20px;
	position:absolute;
	left:-40px;
	z-index:1;
	top:50%;
	margin-top:-50px;
}
.item-news-top1 .name-item-news
{
	margin:0;
	font-size:18px;
	font-weight:700;
	margin-bottom:15px;
}
.item-news-top1 .name-item-news a
{
	color:#414042;
}
.item-news-top1 .intro-item-news-top1
{
	line-height:22px;
}
.item-news-top1 .name-item-news a:hover
{
	color:#0c240e
}
.createdate-home
{
	color:#686868;
	font-size:13px;
	text-transform:uppercase;
}
.img-news-home
{
	margin-bottom:10px;
	overflow:hidden;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border:solid 1px #f2f2f2
}
.img-news-home img
{
	display:block;
	width:100%;
	
}
.img-news-home-more
{
	width:100%;
	float:left;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border:solid 1px #f2f2f2;
	margin-bottom:10px;
}
.createdate-home
{
	margin-bottom:3px;
}
.createdate-home a
{
	color:#686868;
	font-weight:500;
	text-transform:uppercase;
	font-size:12px;
}
.createdate-home a:hover
{
	color:#0c240e
}
.intro-item-news-home
{
	line-height:24px;
}

.box-reg
{
	background-image:url(../images/bg_duan.jpg);
	padding-top:40px;
	padding-bottom:40px;
}
.frm-reg-col
{
	background-color:#fff;
	border-top:none;
	padding:10px 20px;
}
.hd-frm-left
{
	text-align:center;
	font-weight:900;
	color:#414042;
	font-size:24px;
	padding-top:20px;
}
.form-order
{
	margin-top:10px;
}
.hd-form-order
{
    position: relative;
	color:#dca516;
	font-size:20px;
	font-weight:800;
	padding:30px 20px;
	padding-bottom:15px;
}


.why
{
		position:relative;
		z-index:9;
		margin-top:5px;
		overflow:hidden;
}
.why-title
{
	
}

.item-w
{
   display:block;
   color:#414042;
   padding-top:10px;
   background-color:#f2f2f2;
   overflow:hidden;
   -webkit-border-radius: 5px;
	border-radius: 5px;
	padding:20px;
	border:dashed 2px #0c240e;
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
}

.item-w-2
{
	background-color:#1e6ba5
}
.item-w-page
{
	margin-bottom:15px;
}
.item-w .icon-w
{
	width:20%;
	float:left;
	margin-right:15px;
}
.item-w .icon-w img
{
	display:block;
	width:100%
}
.item-w.item-w-page
{
	text-align:center;
}
.content-w
{
	line-height:22px;

}
.item-w .icon-w > div
{
}
.item-w:hover .icon-w
{
	
}
.item-w .title-w
{
  font-size:18px;
  font-weight:700;
  margin:0;
  margin-bottom:5px;
  padding-top:0px;
  margin-top:0px;

  color:#0c240e;
}

.item-w .title-w a
{
	color:#fff;
	font-weight:700;
}



.item-w:hover
{
	background-color:#0c240e;
	color:#fff;
}
.item-w:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.item-w:hover .title-w
{
	color:#fff;
}
.item-w .intro-w
{
  font-size:12px;
  line-height:16px;
  margin-top:3px;
  color:#edecec
}
.item-w:hover
{
	
}

.mes-err
{
	color:#fff;
	font-size:12px;
	display:none;
}

#data
{
	height:100%;
	width:100%;
	opacity:0;
}
.loadingdata
{
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-image:url(../images/icon/loading.gif);
	background-repeat:no-repeat;
	z-index:999;
	background-position:center center;
	position:fixed;
	background-color:rgba(0, 0, 0, 0.2);
	display:none;
}
.attrs .ul-filter li
{
	padding-top:3px;
	padding-bottom:4px;
}
.view-all-cat
{
	position:absolute;
	color:#fff;
	font-size:12px;
	right:10px;
	top:13px;
	text-transform:none;
	display:none;
}
.view-all-cat:hover
{
	color:#fff;
}
.map-footer
{
	width:100%;
	overflow:hidden;
	height:220px;
}
.thongsokythuat
{
	width:100%;
}
.thongsokythuat table
{
	width:100% !important;
}
.thongsokythuat table > tr > td
{
	width:35% !important;
	font-weight:700 !important;
}

 .example-marquee {
	position: relative;
	height:800px;
}


.video-background-controls button {
	font-size: 32px;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	height: 32px;
	width: 32px;
	border-radius: 16px;
	line-height: 32px;
	border: none;
	background: none;
	-webkit-appearance: none;
	color: white;
	filter: drop-shadow(0px 0px 1px black);
	cursor: pointer;
	opacity: 1;
	transition: all 250ms ease-in-out;
	margin-left: 10px;
}

.video-background-controls button:hover {
	opacity: 0.5;
}

iframe {
	transition: opacity 500ms ease-in-out;
	transition-delay: 250ms;
}
.topcontent-page-product
{
	background-color:#f5f5f5;
	padding-top:50px;
	padding-bottom:0px;
}
.line-home-pro
{
	background-color:#f5f5f5;
}
.list-item-cathome1
{
	padding-top:40px;
	padding-bottom:40px;
}
.content-item-cathome1
{
	display:table;
	width:100%;
	height:100%;
}
.content-item-cathome1 > div
{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}
.name-item-cathome1
{
	font-size:32px;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
	margin-bottom:15px;
}
.name-item-cathome1 a
{
	color:#414042
}
.name-item-cathome1 a:hover
{
	color:#0c240e
}
.intro-item-cathome1
{
	line-height:24px;
	margin-top:20px;
}
.item-cathome1-0 .content-item-cathome1
{
	padding-left:30px;
}
.item-cathome1-1 .content-item-cathome1
{
	padding-right:30px;
	text-align:right;
}
.item-cathome1-1 .content-item-cathome1 .line
{
	float:right;
}
.img-item-cathome1
{
	overflow:hidden;
}
.img-item-cathome1 img
{
	display:block;
	width:100%;
}
.content-poster-home
{
	background-color:#f5f5f5
}

.title-box-content-home {
  font-size: 57px;
  font-family: Gotham-Light;
  text-transform: uppercase;
  color: #011134;
  letter-spacing: 4px;
}
.inner-content-poster-home
{
	width:80%;
	margin:auto;
	text-align:center;
	display:table;
	height:100%;
}
.inner-content-poster-home > div
{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}

.content-poster-home a
{
	text-transform: uppercase;
	text-decoration: underline;
	color: #0c240e;
	font-size: 13px;
	display:inline-block;
	margin-top:16px;
}
.content-poster-home a:hover
{
	color:#224326
}
.button-catslide
{
	border:solid 1px #222;
	width:40px;
	height:40px;
	display:inline-block;
	text-align:center;
	line-height:36px;
	font-size:20px;
	color:#212121;
	margin-top:15px;
	margin-bottom:15px;
}
.item-cathome
{
	background-color:#000
}
.item-cathome img
{
	display:block;
	width:100%;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #000;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding:0px 50px;
  display:table;
}
.hovereffect .overlay > div{
	width: 100%;
    height: 100%;
	vertical-align:middle;
	display:table-cell;
}
.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width:105%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0.7;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  
  overflow: hidden;
  padding: 15px 0;
  margin-bottom:15px;
  background-color: transparent;
}
.hovereffect h3 a{
	opacity:1;
	font-size: 30px;
  font-weight:700;
}

.hovereffect h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #f1e85d;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h3:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  font-size:18px;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.line-service-home
{
	background-color:#f5f5f5;
}

@keyframes spin { 
  100% { 
    transform: rotateZ(360deg);
  }
}
.item-w-border
{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	padding: 2.5px;
	background-clip: content-box;
	animation: spin 10s linear infinite;
	border:dashed 2px #0c240e;
	display:none
}

.item-cat-ser
{
	text-align:center;
}
.item-cat-ser:hover .item-w-border
{
	display:block
}
.item-cat-ser:hover img
{
	opacity:0.7;
}
.img-item-cat-ser
{
	width:260px;
	height:260px;
	 -webkit-border-radius:50%;
	border-radius: 50%;
	overflow:hidden;
	position:relative;
	margin:auto;

}
.name-item-cat-ser
{
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	margin-top:15px;
}
.name-item-cat-ser a
{
	color:#0c240e;
}
.name-item-cat-ser a:hover
{
	color:#224326
}
.img-item-cat-ser1
{
	position:absolute;
	top:0;
	left:0;
	 -webkit-border-radius:50%;
	border-radius: 50%;
	padding:3px;


}
.img-item-cat-ser img
{
	display:block;
	
	width:100%;
	 -webkit-border-radius:50%;
	border-radius: 50%;
}
.line-item-cat-ser
{
	width:40px;
	height:2px;
	 -webkit-border-radius:100px;
	border-radius: 100px;
	background-color:#0c240e;
	margin:auto;
	margin-bottom:15px;
}
.item-service
{
	margin-bottom:20px;
}

.name-item-service
{
	font-size:18px;
	font-weight:700;
	margin-bottom:10px;
	margin-top:10px;
}
.name-item-service a
{
	color:#0c240e;
}
.name-item-service a:hover
{
	color:#224326
}