@charset "utf-8";
/* CSS Document */
@import url("fonts.css");
body {
	overflow-x: hidden;
	background: url(../images/bg.png) center top !important;
	background:#fff !important;
	font-family: 'Open Sans', sans-serif;
}

a:hover {
	text-decoration:none;	
}

img {
	max-width:100%;	
}

li {
	list-style:none;	
}

.clear{
	clear:both;
}	

.row-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;		
}

.img-default {
    line-height: 0;
    display: block;
    overflow: hidden;
    position: relative;	
}

.img-default:before {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    box-shadow: 0px 0px 70px 200px rgba(255,255,255,0.4);
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.img-default:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.img-default:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.img-default img {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 100%;
    background-size: cover;
    background-position: center;
}

.pos-rel{
	position:relative;	
}

.fix-img{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	max-width:100%;
	max-height:100%;	
	font-size:14px;
}

.fix-button{
	background: #d40000;
    padding: 0px 20px !important;
    height: 34px !important;
	border: thin solid rgba(0,0,0,.2);
    width: auto;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: uppercase;
    outline: none;	
}

.fix-button:hover {
    background: #585252;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.site-loading {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
}

.site-loading img {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

h1, .h1, h2, .h2, h3, .h3 {
	margin:0px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding:0px 7px;	
}

.row {
    margin: 0px -7px;
}

.height-scroll {
    position: absolute;
}

/* SLICK SLIDER */
.slick-slider button:after,div.slick-slider button {
	border-radius:0px !important;	
}

div.slick-slider button {
    border-radius: 0px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    margin-top: -15px !important;
    background: #ed1c24;
    color: #fff;
    border: thin solid #ed1c24;
}

.slick-slider {
	margin: 0px -5px;
}

.slick-slide {
	padding: 0px 5px;
}

.slider-magic {
	margin-top: 15px;
}

.slider-magic.slick-slider button{
    width: 24px;
    height: 24px;
    line-height: 21px;
    top: 0;
    bottom: 0px;
    margin: auto !important;
    position: absolute;
}


.slider-magic.slick-slider .slick-next:before, .slider-magic.slick-slider .slick-prev:before {
	font-size: 22px;
}

.mz-thumb img{
	border: thin solid #ccc !important;
}

.mz-thumb-selected img, .mz-thumb:hover:not(.mz-thumb-selected) img {
	filter: none !important;
	border-color:#f00 !important;
}


#slider-main {
	box-sizing: border-box;
}

.slider-quangcao {
	padding: 30px 0px;
}

.slider-quangcao a {
	display: inline-block;
	margin-bottom: 20px;
}

/*.jssora20l, .jssora20r { 
	background: url(../images/btn-prev.png) no-repeat !important;
	width: 24px !important;
	height: 48px !important;
	background-size: 100% 100% !important;
	display: block !important;
}

.jssora20l {
	left: 0px !important;
}

.jssora20r {
	background: url(../images/btn-next.png) no-repeat !important;
	right: 0px !important;
}*/

.slick-only.slick-slider button {
	display: none !important;
}


/* END SLICK SLIDER */



@media (min-width: 768px){
	.fix-row-40{
		margin:0px -40px;	
	}

	.fix-col-40 {
		padding:0px 40px;	
	}
	
	.fix-row-30{
		margin:0px -30px;	
	}

	.fix-col-30 {
		padding:0px 30px;	
	}
	
	.fix-row-25 {
		margin:0px -25px;	
	}

	.fix-col-25 {
		padding:0px 25px;	
	}
	
	.fix-row-20{
		margin:0px -20px;	
	}

	.fix-col-20 {
		padding:0px 20px;	
	}
	
	.fix-row-15{
		margin:0px -15px;	
	}

	.fix-col-15 {
		padding:0px 15px;	
	}
	
	.fix-row-13{
		margin:0px -15px;	
	}

	.fix-col-13 {
		padding:0px 15px;	
	}
	
	.fix-row-10{
		margin:0px -10px;	
	}

	.fix-col-10 {
		padding:0px 10px;	
	}

	.fix-row-5{
		margin:0px -5px;	
	}

	.fix-col-5 {
		padding:0px 5px;	
	}
	
	.fix-row-0{
		margin:0px;	
	}

	.fix-col-0 {
		padding:0px;	
	}


	.fix-row-20 {
		margin:0px -20px;	
	}
	
	.fix-col-20 {
		padding:0px 20px;
	}	
	
	.fix-wid-20 {
		width: 20% !important;
	}
	
	.product-clear:nth-child(5n+1) {
		clear: both;
	}
}

@media(max-width: 767px) and (min-width: 460px){
	.col-mn-6{
		width:50%;
	}	
	
	.col-mn-6:nth-child(2n+1){
		clear: both;	
	}
	
	.col-mn-5{
		width:40%;
	}
	
	.col-mn-7{
		width:60%;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1218px;
	}
}

#bttop{
    position: fixed;
	display: block;
    right: 10px;
    bottom: 70px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 999;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    transition: 0.4s all ease;
    background: #c70505 url(../images/icon/gotop.svg) no-repeat center 50%;
}

.visit_hidden{
	height:0px;
	overflow:hidden;	
}

/* END RESET */
*{
margin:0px;
padding:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

/* ========== FIX OWL ============ */
.owl-chuongtrinh{
	margin-top: -50px;
}
.owl-item {
	padding: 0px 10px;
	padding-bottom: 8px;
}

.control-owl span{
	position: absolute;
	width: 46px;
	height: 46px;
    top: 32%;
	cursor: pointer;
}

.control-owl span.next {
	background: url(../images/btn-next.png) no-repeat;
	right: 5px;
}

.control-owl span.prev {
	background: url(../images/btn-prev.png) no-repeat;
	left: 5px;
}

.box-owl {
	position: relative;
}

.title_slider_product{
	background: url(../images/icon_arrow.png) 20px center no-repeat;
	border: thin solid #ccc;
	color: #2c2c2c;
	/* font-weight: bold; */
	text-transform: uppercase;
	font-family: Tahoma, Arial, Helvetica;
	line-height: 40px;
	padding: 0px 60px;
	font-size: 18px;
	margin-bottom: 20px;
	position:relative;
}

.title_slider_product span{
	color:#f40000;	
}

.title_slider_product .ct_nb a {
	position:absolute;
	width:25px;
	height:25px;
	top:5px;
}


.owl-theme .owl-controls{
	display:none !important;	
}

.owl-item{
	text-align:center;
}

.pro_item{
	padding:10px;	
}

.owl-duanthicong{
	margin:0px;	
}


.btn-duanthicong .btn.prev{
	position: absolute;
	top: 20%;
	left: -35px;	
}

.btn-duanthicong .btn.next{
	position: absolute;
	top: 20%;
	right: -37px;	
}

/*
div.slick-slider button {
	top: -72px  !important;
	margin: 0px !important;
	left: auto !important;
	border-radius: 0px;
	width: 26px;
	height: 26px;
	line-height: 26px;
}



.slick-slider .slick-prev {
	right: 40px !important;	
} */



/* ========== END FIX OWL ============ */

/* ========== FIX CSS ============= */

.scale-img {
	overflow:hidden;	
}

.scale-img img {
	transition: all 0.5s ease 0s;
    width: 100%;	
}

.scale-img:hover img {
    transform: scale(1.1);
}

/* ========== FIX CSS ============= */

/* ========= HEADER ========= */
#logo{
    margin: -35px 0px 5px;
    position: relative;
    z-index: 9;
}

#logo img {
	transition: 1s all ease !important;
}

#banner{
	margin: 25px auto 25px;
}

.header-cart a {
    background: url(../images/icon-cart.png) left center no-repeat;
    padding-left: 25px;
    width: 40px;
    height: 40px;
    display: inherit;
	position: relative;
}

.header-cart a span {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #0186b5;
    border-radius: 50%;
    top: -3px;
    right: -8px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
}

#header{
    padding: 0px;
    position: relative;
    z-index: 9;
    margin: auto;
    transition: 0.3s all ease;
	background:#0268bf;
}

#header:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 21%;
    background: #ffffff;
    height: 100%;
    z-index: 9;
}

#header:after {
    position: absolute;
    content: "";
    border-top: 0px solid transparent;
    border-bottom: 119px solid transparent;
    border-left: 100px solid #ffffff;
    left: 21%;
    top: 0px;
}

#cart_mini {
    display: none;
}

.email, .hotline {
	padding: 10px 0px;
	margin-right: 30px;
	position: relative;
}

.header{
    border-bottom: thin solid #1c77c6;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.header .company-name{
    font-size: 16px;
    font-family: 'SFUHelveticaBold';
    text-transform: uppercase;
    padding: 7px 0px;
}

.scroll-menu #logo img {
	height: 60px;
}

.scroll-menu div#menu {
    margin: 7px auto 10px;
}		

.header_top{
	line-height: 24px;
	font-size: 13px;
	top: 0px;
	width: 100%;
}

.scroll-menu {
    box-shadow: 0px 0px 5px 0px #ccc;
}

.header_top .tongdai{
	background: url(../images/icon-tongdai.png) left center no-repeat;
	padding-left: 22px;
}

.header_bottom  {
	background:#fff;
	min-height: 50px;
    padding: 8px 0px;
}

.header_top span {

}

.hotline {	
	background: url(../images/icon-hotline.png) left center no-repeat;
	padding-left: 25px;
}

.email {	
	background: url(../images/icon-mail.png) left center no-repeat;
	padding-left: 23px;
}

.mxh-top {
	float: right;
	margin-top: 6px;
}

.mxh-top img {
	display: inline-block;
	position: relative;
	margin-left: 5px;
	transition: 0.2s all ease;
}

.mxh-top img:hover {
    transform: rotate(360deg);
}


#hotline{
    font-size: 20px;
    line-height: 23px;
    background: url(../images/icon-hotline.png) left top no-repeat;
    padding-left: 37px;
    min-height: 54px;
    display: inline-block;
    text-shadow: -1px -1px #fff, 1px 1px #fff, 1px -1px #fff, -1px 1px #fff;
    font-family: 'UTMAvoBold';
    margin-top: 50px;
	color:#dd0000;
	text-align: left;
	
	display: none !important;
}

#hotline span {
    font-size: 16px;
    color: #212121;
    display: block;
	font-family: 'UTMAvo';
	margin-top: 2px;
}

#hotline p{
    margin-left: -32px;
    margin-top: 3px;
    margin-bottom: 0px;
}

.tieuchi {
    font-family: "Roboto-Bold";
    font-size: 16px;
    color: #cc0000;
	margin-top: 20px;
}

.email_header{
	line-height:23px;
	background:url(../images/icon_mail.png) left center no-repeat;
	padding-left:23px;
	margin-left:10px;
	display:inline-block;		
}

.mocua {
    margin-top: 20px;
    display: table;
    width: 100%;
    max-width: 400px;
	float: right;
}

.mocua a {
	color:#333;
}

.mocua li {
    display: table-cell;
    padding-left: 60px;
    font-size: 13px;
    color: #0186b5;
    font-family: 'RobotoCondensed-Regular';
    padding: 5px 0px 5px 60px;
    min-height: 50px;
    box-sizing: border-box;
    position: relative;
    vertical-align: top;
    text-align: left;
}

.mocua li p {
	margin-bottom: 0px;
}

.mocua li:nth-child(1) {
	background: url(../images/icon-chatluong.png) left top  no-repeat;
}

.mocua li:nth-child(2) {
	background: url(../images/icon-thanhtoan.png) left top  no-repeat;
}

.mocua li:last-child {
	padding-left: 0px;
}

.user_login{
	float: right;
}

.user_login li:nth-child(1) {
	background: url(../images/icon_login.png) left center no-repeat;
	padding-left: 30px;
}

.user_login li a{
	color:#333333;
	font-size: 12px;
	line-height: 22px;
}

.user_login > li > a {
	transition: 0.5s all ease;
}

.user_login li:hover  a {
	color: #e61311;
	text-decoration: underline;
}

.lang {
	float:right;	
	margin-bottom:0px;
}

.lang li {
	display:inline-block;
	margin-left:5px;
}

/* ========= END HEADER ========= */


/* ========= NAVTOP ========= */

#nav_top{
    position: relative;
    z-index: 99;
    clear: both;
    height: auto;
    top: 0px;
    width: 100%;
	background: transparent;
	padding: 0px;
}

#cssmenu{
	background: none;
	position: relative;
    margin: 0 auto !important;
}


@media(min-width: 801px) {

	#cssmenu > ul.open {
		background:#fff !important;	
		border-bottom:none !important;
	}


#cssmenu > ul {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}



#cssmenu > ul > li {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto;
	border-right: none;
}

#cssmenu > ul > li:hover {
	border-color: transparent;
}

}

#cssmenu ul li a{
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

#cssmenu ul li a span {
    font-weight: 300;
    padding: 8px 0px;
    position: relative;
}

#cssmenu ul li a span:before {
	content:"";
	width: 100%;
	height: 2px;
	background:#fff;
	left:0px;
	top: -12px;
	position: absolute;
	opacity: 0;
	transition: 0.3s all ease;
}

#cssmenu ul li a span:after {
	content:"";
	width: 100%;
	height: 2px;
	background:#fff;
	left:0px;
	bottom: -12px;
	position: absolute;
	opacity: 0;
	transition: 0.3s all ease;
}

#cssmenu ul li:hover a span:before {
	top: 0px;
	opacity: 1;
}

#cssmenu ul li:hover a span:after {
	bottom: 0px;
	opacity: 1;
}

#cssmenu ul li{
	position: relative;
}

#cssmenu ul li:before {
    content: "";
    width: 7px;
    height: 44px;
    bottom: 0px;
    right: -4px;
    position: absolute;
    z-index: 9;
    background: url(../images/icon-li.png) right center no-repeat;
}

#cssmenu  ul li ul li:before{
	display: none !important;
	right: 0px !important; 
}

#cssmenu > ul > li:last-child > a:before {
	display: none;
}

#cssmenu ul li:last-child , #cssmenu > ul > li:last-child:hover, #cssmenu > ul > li.active:last-child {
		
}

#cssmenu > ul > li > a {
    padding: 0px;
    margin: 0px auto;
    line-height: 47px;
    transition: 0.4s all ease;
    position: relative;
	width: 100%;
	outline: none !important;
}

#cssmenu > ul > li :last-child> a:before {
	display: none;
}

#cssmenu ul ul li:last-child > a, #cssmenu ul ul li:first-child > a{
	border-radius:0px;	
}

#cssmenu ul ul li a{
	
}

#cssmenu ul ul ul::after{
	border-right-color: #ffd800;	
}
#cssmenu ul ul li.has-sub.active > a::after, #cssmenu ul ul li.has-sub:hover > a::after {
    border-left-color: #fff;
}

#cssmenu > ul > li:first-child > ul > li > a {
	
}

#cssmenu ul li a span:before {
    content: "";
    width: 100%;
    height: 2px;
    background: #efd13d;
    left: 0px;
    top: -12px;
    position: absolute;
    opacity: 0;
    transition: 0.3s all ease;
}


#cssmenu ul li a span:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #efd13d;
    left: 0px;
    bottom: -12px;
    position: absolute;
    opacity: 0;
    transition: 0.3s all ease;
}


#cssmenu > ul > li:hover > a > span:after, #cssmenu > ul > li > a:hover > span:after, #cssmenu > ul > li.active > a  > span:after{
    bottom: 0px;
    opacity: 1;
}

#cssmenu > ul > li:hover > a > span:before , #cssmenu > ul > li > a:hover > span:before , #cssmenu > ul > li.active > a > span:before {
    top: 0px;
    opacity: 1;
}
#cssmenu > ul > li:hover, #cssmenu > ul > li.active {
	background:url(../images/menu_active.png) no-repeat right center;
	background: none;
	position: relative;
}

#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a{
    background: none;
	color:#efd13d;
}

#cssmenu ul ul li.has-sub > a::after {
	right: 5px;
}

@media (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
	#cssmenu #menu-button::after {
		top: 13px;
	}
	
	#cssmenu #menu-button::before {
		top: 21px;
	}

}

#cssmenu #menu-button {
	padding:13px  25px;
    background-color: #005627;
}

@media(max-width: 800px){
	#cssmenu > ul.open {
		width:100%;
	}	

	#cssmenu > ul {
		width:100%;
	}
	
	#cssmenu > ul > ul {
		display:none !important;	
	}
	

	
#cssmenu > ul.open li{
	transition:0.4s all ease;	
	    border-bottom: thin solid #cdcdcd;
}

#cssmenu > ul.open li:last-child {
	border-bottom:none;
}	

#cssmenu > ul.open li:hover a{
	color:#fff;	
	background:#005627;	
}

#cssmenu > ul.open li, #cssmenu > ul.open li:hover {
	    background: url(../images/menu_icon.png) no-repeat 95% center !important;	
}

#cssmenu > ul.open li ul {
	display:none !important;
}

}


@media(max-width: 800px ) and ( min-width: 768px) {
	#cssmenu > ul.open li a{
		padding: 10px;
	}
	
	#cssmenu > ul.open {
		background:#ECECEC;	
		position:absolute;
	}
	
	
}

#cssmenu ul ul {
	padding-top: 0px;
}

#cssmenu > ul > li > ul::after, #cssmenu ul ul li.has-sub > a::after {
	display: none !important;
}

#cssmenu ul ul li {
	background: #efd13d;
}

#cssmenu ul ul li a{
	padding:8px 10px;
	width:225px;
	text-transform: none;
	font-weight: normal;
	transition:0.2s all ease;	
    line-height: 22px;
    text-align: left;
    font-size: 14px;
	color:#fff;
	background: none;
}

#cssmenu ul ul ul li:hover ul li a {
	background: none;
}

#cssmenu ul ul > li:hover > a, #cssmenu ul ul ul li:hover a, #cssmenu ul ul ul li:hover ul li a:hover {
	background: rgba(0,0,0,.2);
	color: #fff;
	padding-left: 15px;
}


#cssmenu ul ul li {
	overflow: hidden;
	border-bottom: thin solid rgba(255,255,255,.3)
}

#cssmenu ul ul li:hover {
	overflow: inherit;
}	

#cssmenu ul ul ul {
	left:100% !important;	

}

@media(max-width: 1200px)  and (min-width: 1024px){
	#cssmenu > ul > li > a{
		
	}
}

@media(max-width: 1023px)  and (min-width: 900px){
	#cssmenu > ul > li > a{
		
		font-size:13px;
	}
	
	#cssmenu > ul > li:hover, #cssmenu > ul > li.active, #cssmenu > ul > li {
		background:none !important;	
	}

}

@media(max-width: 899px)  and (min-width: 800px){
	#cssmenu > ul > li > a{
		
		font-size:13px;
	}
	#cssmenu > ul > li:hover, #cssmenu > ul > li.active, #cssmenu > ul > li {
		background:none !important;	
	}
	
}


@media(max-width: 799px){
	#cssmenu > ul > li > a{
		font-size:13px !important;
		    padding: 10px 20px;
	}

}

#cssmenu > ul.open {
	background:#ECECEC;		
	border-bottom:5px solid #003A1A;
}

.nav-left .nav-ul::-webkit-scrollbar {
    width: 5px;
}
 
.nav-left .nav-ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,1); 
    border-radius: 10px;
}
 
.nav-left .nav-ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,1); 
}


.nav-left {
    float: left;
    position: relative;
    z-index: 9;
    height: 38px;
	}

.nav-left .nav-ul {
    border: thin solid #e0e0e0;
    background: #f1f1f1;
    border-top: none;
	height: 466px;
	overflow: scroll;
	overflow-x: hidden;
}

.nav-left .nav-ul li {
    list-style: none;
    
    background: url(../images/icon-prolist.png) 10px center no-repeat;
    padding-left: 10px;
	padding-right: 10px;
}

.nav-left .nav-ul li li{
	padding: 0px;
	border-bottom: thin solid #e0e0e0;
	border-top: thin solid #fff;
}

.nav-left .nav-ul li a {
    color: #7B7B7B;
    line-height: 25px;
    padding: 7.5px 0px;
    text-decoration: none;
    display: block;
	transition: 0.4s all ease;
	    font-size: 12px;
    text-transform: inherit;
}

.nav-left .nav-ul li > ul {
	border-top: thin solid #e0e0e0;	
}

.nav-left .nav-ul a:hover{
	color:#f00;
	
}

.nav-left .nav-ul ul {

}

.title-cate {
    background: #84bbc7 url(../images/icon-title.png) 10px center no-repeat;
    line-height: 38px;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    padding-left: 45px;
    font-family: "Roboto-Bold";
    font-weight: normal;
}

div#menu {
    position: relative;
    margin: 18px auto 10px;

}


/* ========= END NAVTOP ========= */

/* ========== Video ============ */
.video_index_name {
	font-size:24px;
	color:#9f224e;	
}

.video_index_name a{
    color: #9f224e;
    display: block;
    margin-bottom: 10px;
	transition:0.4s all ease;
}

.video_index_name a:hover {
	color: #ce1800;		
}

.video_index_desc{
	font-size:14px;
	color:#272727;	
	text-align:justify;
}

.video_index{
	margin-top:30px;	
}

.video_index ul li{
	list-style:none;
	position:relative;
}

.video_index_content{
	float:left;
	position:relative;	
	transition:0.4s all ease;
}

.video_index_content:hover {
	opacity:0.8;	
}

.video_index_content:hover h2:hover a {
	color:#EBD200;	
}

.video_index_content h2{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0,0,0,.7);
    height: 42px;
    margin: 0px;
    padding: 0px;
}

.video_index_content h2 a{ 
    font-size: 14px;
    color: #ffffff;
    display: block;
    line-height: 42px;
    padding: 0px 70px 0px 10px;
	overflow:hidden;
}

.icon-play{
	position:absolute;
	bottom:0px;
	right:0px;	
}

.box_video img{ width: 100%}
.box_video h3{ text-align: center; margin:10px 0px 0px 0px; width: 100%; float: left; font-size: 14px;}
.box_video:hover{ opacity: 0.8;}

.box_video{margin:0px auto; box-sizing:border-box;margin-bottom: 10px;}
.box_video img{ max-width: 100%;}
.box_video  h3 a{     text-align: left;
    margin: 5px 0px 0px 0px;
    width: 100%;
    float: left;
    font-size: 18px;
    color: #035F67;
    margin-bottom: 5px;
    overflow: hidden;}
.box_video:hover  h3 a{color:#eb0000;}
.box_video:hover{ opacity: 0.8;}
.video_info{font-size: 14px;color:#767676;line-height: 1.3em;}
.video_info .loai_vid a{font-size: 13px;color:#767676;}
.video_info .loai_vid:hover a{color:#167ac6;}
.box_vid .video-name{    font-size: 24px;
    color: #fff;
    width: 100%;
    background: rgba(0,0,0,.7);
    padding: 15px 10px;
    box-sizing: border-box;}
.box_vid iframe{height:450px;}
.vid_cmt{width:100%;height:auto; float: left; margin-top: 10px;}

.title_other{color:#eb0000;font-size: 14px;font-weight: bold; border-bottom: 1px solid #ccc;text-transform: uppercase;}
.other_vid .box_video_detail{    width: 100%;
    padding: 0px 7px;
    margin-bottom: 10px;
    box-sizing: border-box;}
.other_vid .box_video_detail img{width:40%;float: left;height:auto;}
.box_video_detail .vid_info{width:58%;float: right;color:#767676;line-height: 1.3em;font-size: 12px;}

.box_video_detail .vid_info  h3 {margin-bottom: 5px;}
.box_video_detail .vid_info  h3 a{font-size: 16px;font-weight: normal;color:#08678E;font-weight: bolder; transition:0.4s all ease;}
.box_video_detail:hover .vid_info  h3 a{color:#eb0000;}
.vid_info .loai_vid a{font-size: 13px;color:#767676;}
.vid_info .loai_vid:hover a{color:#167ac6;}
.luotxem{ font-style: italic; color: #666; font-size: 12px; }


/* =========== END VIDEO =========== */

#hotrokythuat {
	background: #eee;
	padding: 25px 0px;
}

.title-kythuat{
	line-height: 40px;
	padding: 0px 10px;
	font-size: 16px;
	color:#fff;
	background:#213293;
}

.title-kythuat a{
    float: right;
    color: #fff;
    text-decoration: underline;
    font-size: 15px;
}

.bg-hotrokhachhang {
	background: #fff;
	padding: 15px;
}

.htkt-item {
	margin-bottom: 15px;
	border-bottom: thin solid #ccc;
	padding-bottom: 15px;
}

/* ========= CHUONG TRINH DAO TAO ========= */
.chuongtrinh-item {
    background: url(../images/shadow-prolist.png) center bottom no-repeat;
	padding-bottom: 70px;
    padding-top: 20px;
	transition: 0.5s all ease;
}	

.chuongtrinh-item:hover {
	margin-top: -20px;
}

.chuongtrinh-item a{
	border: 7px solid rgba(255,255,255,.6);
    display: block;
    border-radius: 50%;
	position: relative;
	overflow: hidden;
}

.chuongtrinh-item a span {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0px;
    background: rgba(255,255,255,.6);
    padding: 5px 0px;
    font-size: 18px;
    color: #222222;
    font-family: 'UTMAlterGothic';
	transition: 0.5s all ease;
}

.chuongtrinh-item:hover a span {
	background: rgba(249,42,49,1);
    color: #fff;
}

.chuongtrinh-item img {
    border-radius: 50%;
    transition: 0.4s all ease;
    background: #fff;
}

.chuongtrinh-item:hover img {
	border-color: #e61311;
}

.chuongtrinh-item h3 {
	margin: 20px 0px;
	font-size: 19px;
	text-transform: uppercase;
font-family:'Roboto-Bold';
}

.chuongtrinh-item h3 a {
	color:#017ed8;
	transition: 0.4s all ease;
}

.chuongtrinh-item h3:hover a, .news-index-title h4:hover a, .news-index-view:hover a {
	color:#e61311;
	transition: 0.4s all ease;
}

/* ========= END CHUONG TRINH DAO TAO ========= */

/* ========= SANPHAM ========= */
.dieuhuong a {
    color: #333;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.dieuhuong a:hover {
	color:#ED1C24;
	transition:0.2s all ease;
}

.dieuhuong{
	margin-bottom:10px;	
}
/* ========= END SANPHAM ========= */



/* ========= SEARCH ========= */
#search{
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:99;
	background: rgba(40,117,61, 0.9);
	
}

.title_search{
	font-size:22px;
	color:#ffffff;
	font-weight:bold;	
	text-align:right;
	padding:18px 0px;	
}

.lienket{
	float: right;
    margin: 5px 0px;
}

.lienket a {
	display:inline-block;
	margin:0px;	
}

#timkiem{
	position:relative;
    margin-top: 9px;	
}

#timkiem form {
	position:relative;	
}

#timkiem select {
    width: 90px;
    position: absolute;
    border: none;
    top: 1px;
    left: 1px;
    height: calc(100% - 2px);
    outline: none;
    border-right: thin solid #dedede;	
}

#name_tk {
height: 30px;
    font-size: 12px;
    font-family: "Roboto-Light";
    padding-right: 25px;
    padding-left: 10px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 0px 12px -3px #000 inset;
    border: none;
    border-radius: 4px;
    border: thin solid rgba(255, 255, 255, 0.12);
}

.nut_tim{
    width: 20px;
    height: 14px;
    z-index: 9;
    position: absolute;
    top: 8px;
    right: 7px;
    border: none;
    outline: none;
    background: url(../images/icon-search.png) center no-repeat;
}

/* ========= END SEARCH ========= */

/* ========= END MACDINH ========= */
#slide_show{
	position:relative;
}

.padding-index {
	padding: 30px 0px;
}

.box-prolist {
	margin-bottom: 40px;
	margin-top: 20px;
}

.quangcao-list {
	margin-top: 40px;
}

.title-product-list {
	box-shadow: 0px 0px 5px 0px #ccc;
	margin-bottom: 20px;
	background:#fff;
}

.title-product-list h2 {
	font-size: 15px;
	color:#fff;
	font-family: "RobotoCondensed-Bold";
	text-transform: uppercase;
	background: #0186b5 url(../images/title-index.png) 8px center no-repeat;
	float: left;
	padding: 0px 15px 0px 50px;
	border-bottom: 5px solid #cc0e13;
	line-height: 40px;
}

.title-procat{
    position: relative;
    top: 0px;
    margin-bottom: 0px;
    line-height: 40px;
    right: 0px;
    float: left;
}

.title-procat a{
    font-size: 15px;
    float: left;
    color: #999999;
    padding: 0px 15px;
    margin: 0px;
    line-height: 40px;
    text-transform: uppercase;
    font-family: "RobotoCondensed-Bold";
    transition: 0.3s all ease;
    border-bottom: 5px solid #999;
    position: relative;
    border-right: thin solid #dedede;
}

.title-procat a:hover, .title-procat a.active{
	color:#0186b5;
	border-bottom: 5px solid #cc0e13;
}

.title-index{
    position: relative;
	text-align: center;
}

.title-index h2, .title-index h1 {
    font-size: 30px;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
    background: url(../images/title-video.png) center bottom no-repeat;
    padding-bottom: 20px;
}


.title-index h2 span, .title-index h1 span {
	position: relative;
}

.title-index ul{
	position:absolute;
	right: 0px;
	bottom: 0px;	
}

.title-index ul li {
	display:inline-block;
	margin:0px 10px;	
}

.title-index ul li:last-child {
	margin-right:0px;	
}


.title-index ul li  a{
	    font-size: 14px;
    color: #006ea2;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Regular';
    display: inline-block;
    position: relative;
    line-height: 30px;
    padding: 0px;	
	transition:0.3s all ease;
}

.title-index ul li  a:hover {
	color:#f00;	
}

.title-index p {
	position: relative;
	text-align: center;
	margin-top: 5px;
}

.select_video{
	margin-top: 5px;
}

.select_video .form-control {
	border-radius: 0px;
}

/* ========= END MACDINH ========= */

/* ========= COL-LEFT ========= */
.danhmuc{
	color:#fff;

	position: relative;
	margin-bottom: 30px;
}

.danhmuc a {
	color:#333;
}

.danhmuc .thanh{
	line-height: 40px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'RobotoCondensedBold';
    text-align: center;
    background: rgb(0,114,188);
    background: -moz-linear-gradient(top, rgba(0,114,188,1) 0%, rgba(0,84,166,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,114,188,1) 0%,rgba(0,84,166,1) 100%);
    background: linear-gradient(to bottom, rgba(0,114,188,1) 0%,rgba(0,84,166,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072bc', endColorstr='#0054a6',GradientType=0 );
	
	background: #273896;
}

.box-danhmuc{
	    border: thin solid #0282d6;
}

.accordion {
	margin-bottom: 0px;
	    background: #eee;
}

.accordion  li {
	list-style: none;
	border-bottom: thin solid #ccc;
	background: url(../images/icon-prolist.png) 10px 10px no-repeat;
	    padding: 6px 0px;
	padding-left: 40px;
}

.accordion  li:last-child {
	border-bottom: none;
}

.accordion  li a{
	display: block;
	line-height: 30px;
	font-size: 16px;
	font-family: 'RobotoCondensed';
}

.accordion  li:hover a{
	color:#273896;
	text-decoration: underline;
}

/* ========= END COL-LEFT ========= */

/* ========= NEWS VIDEO ========== */
#news-video {
	padding: 40px 0px;
}

.title-news {
	background: url(../images/title-news.png) left bottom no-repeat, url(../images/title-news2.png) left bottom repeat-x;
    padding-bottom: 6px;
	margin-bottom: 20px;
}

.title-news h3 {
    font-size: 18px;
    color: #c70505;
    text-transform: uppercase;
	font-family: 'SFUFuturaHeavy';
	padding-bottom: 10px;
}

.slick-news-item {
	margin-bottom: 20px;
	min-height: 10px;
}

.slick-news-item-img {
	float: left;
	margin-right: 10px;
}

.slick-news-item-img img{
	width: 167px;
	height: auto;
}

.slick-news-item-content{
    float: left;
    width: calc(100% - 177px);
}

.slick-news-item-name {
	font-size: 12px;
	font-family: "Roboto-Bold";
	margin: 0px 0px 5px;
	line-height: 18px;
}

.slick-news-item-name a {
	color:#333;
	transition: 0.2s all ease;
}

.slick-news-item-name a:hover {
	color:#c70505;
}

.slick-news-item-desc {
	font-size: 12px;
	color:#333;
	font-family: "Arial";
	text-align: justify;
}

.slick-news.slick-slider .slick-prev {
    top: -37px;
    right: 35px;
	left: inherit;
}	

.slick-news.slick-slider .slick-next {
    top: -37px;
    right: 0px;
	left: inherit;
}	

.slick-news.slick-slider button {
	background: none;
	color:#f00;
	width: 25px;
	height: 25px;
	line-height: 21px;
}

.slick-news.slick-slider button:hover {
	background:#f00;
	color:#fff;
}

.slick-news .img-default:before{
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
	box-shadow: 0px 0px 70px 200px rgba(255,255,255,0.6);	
}
.slick-news-item-detail a{
    color: #fff;
    font-size: 11px;
    font-family: "Arial";
    background: #0b5a91;
    padding: 3px 5px;
    margin-top: 10px;
    display: inline-block;
	transition: 0.2s all ease;
}

.slick-news-item-detail a:hover {
	background:#c70505;
}

.slick-news-item.border-bottom {
    border-bottom: thin solid #ccc;
    padding-bottom: 20px;
	min-height: 148px;
}
/* ========= END NEWS VIDEO ========== */


/* ========= SUPPORT ========= */
.box-support {
	box-shadow: 0px 0px 10px 0px #ccc;
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
    min-height: 375px;
}

.box-support:before {
    content: "";
    border-top: 0px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #b3b3b3;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.box-support:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 25px solid #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -6px;
    bottom: -6px;
}

.support-title{
    background: url(../images/title-support.png) center top no-repeat;
    min-height: 49px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}



.hotline-support {
	background: url(../images/icon-support.png) left center no-repeat;
	padding-left: 75px;
	font-size: 20px;
	color:#efd13d00b;
	font-family: "Georgia";
	line-height: 47px;
	border-bottom: thin solid #ccc;
	padding-bottom: 25px;
	margin-bottom: 10px;
}

.hotline-support span{
	font-weight: bold;
}

.support-item {
	border-bottom: thin solid #ccc;
	margin-bottom: 10px;
	position: relative;
}

.support-item > div > span {
    font-size: 14px;
    color: #3e3e3e;	
}

.support-item > div > p {
    font-size: 18px;
    font-weight: bold;
    color: #f00;
}

.support-item .support-img {
	position: absolute;
	top: 10px;
	right: 0px;
	bottom: 0px;
}



div#hotro
{
	border:1px solid #d6d6d6;
	border-radius:0px 0px 4px 4px;
	border-top:0;
	margin-bottom:20px;
	padding-bottom: 30px;
}

#support-left .tieude {
    color: #fff;
    text-align: center;
    font-size: 14px;
    background: #273896;
    height: 39px;
    line-height: 39px;
    font-weight: bold;
}

div#hotro ul
{
	list-style:none;
	border-bottom:1px solid #273896;
	padding:10px 0;
	margin:0px 10px;
}
div#hotro ul li
{
	clear:both;
	padding:6px 0;
	
}
div#hotro ul li b{color:#f00;}
div#hotro ul li.ten_ht{background:url(../images/ico-1.png) no-repeat left;padding-left:30px;}
div#hotro ul li.phone_ht{background:url(../images/ico-2.png) no-repeat left;padding-left:30px;}
div#hotro ul li.skype_ht{background:url(../images/ico-3.png) no-repeat left;padding-left:30px;}
div#hotro ul li a img
{
	float:right;
}

/* ========= END SUPPORT ========= */


/* ========= ĐANG KY NHAN MAIL ========= */
.box-dangkytin{
	position: relative;
}

.newsletter-title {
    font-size: 15px;
    color: #ffb400;
    text-transform: uppercase;
    font-family: 'SFUFuturaHeavy';
    position: relative;
    padding-bottom: 10px;
}

.newsletter-title:before {
    background: #fff;
    width: 32px;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
}

.newsletter-slogan {
    color: #fff;
    font-size: 13px;
    margin: 15px 0px 10px;
}

.box-dangkytin .form-control {
    border-radius: 3px;
    height: 32px;
font-size: 13px;
}

.box-dangkytin textarea.form-control {
	    height: 100px;
}
.box-dangkytin button { 
    background: #2e2e2e;
    height: 30px;
    width: 64px;
    margin-top: 10px;
    border: none;
    text-align: center;
    transition: 0.3s all ease;
    font-size: 13px;
    border-radius: 3px;
    color: #fff;
    line-height: 30px;
	float: right;
	text-transform: uppercase;
}

#dangkymail button .fa {
    margin-right: 8px;
}

#dangkymail{
	position: relative;
}

#dangkymail input[type=text], #dangkymail button[type=submit] {
	width: 100%;
	margin-bottom: 10px;
}

.order-footer {
	clear: both;
	margin-top: 10px;
}

.order-footer li {
	padding-left: 40px;
	font-size: 14px;
	color:#3e3e3e;
	font-weight: 600;
	line-height: 26px;
	margin-bottom: 7px;
}

.order-footer li:nth-child(1) {
	background: url(../images/icon-ship.png) left center no-repeat;
}

.order-footer li:nth-child(2) {
	background: url(../images/icon-support.png) 2px center no-repeat;
}

.order-footer li:nth-child(3) {
	background: url(../images/icon-check.png) 3px center no-repeat;
}
/* ========= END MACDINH ========= */


/* ========= LAYOUT INDEX ========= */
.title-detail h1 {
    margin: 10px 0px 20px;
    font-size: 22px;
    text-transform: uppercase;
    color: #efd13d;
    font-weight: bold;
}

.section-nav-title {
    font-size: 21px;
    text-transform: uppercase;
    color: #efd13d;
    font-weight: bold;
}

#categories {
	margin-bottom: 40px;
}

.widget li {
    padding: 10px 0 10px !important;
    margin: 0px !important;
	border-bottom: thin solid #eaeaea;
} 

.widget li a {
	color:#333;
}

.widget li a:hover {
	color:#da2128;
	transition: 0.2s all ease;
}

.widget.popular-posts li:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #efd13d;
}

#main{
	
}

#info {

}

#content{
	padding: 40px 0px;
}

.xemthem{
	color:#f00;	
	margin-top:10px;
}

.xemthem a{
	color:#f00;	
}

.xemthem a:hover {
	border-bottom:thin solid #f00;
	transition:0.4s all ease;	
}

.gioithieu-sanpham p{
	margin-bottom: 5px;
}

.list_kientruc {
	border-radius: 5px;
	background: #006EA2;
    color: #fff;
    padding: 15px 10px 15px 20px;
}

.list_kientruc ul {
	margin-bottom:0px;	
}

.list_kientruc ul li {
	margin-bottom:10px;
	transition:0.4s all ease;
}

.list_kientruc ul li:hover {
	padding-left:10px;	
}

.list_kientruc ul li:last-child {
	margin-bottom:0px;	
}

.list_kientruc ul li a{
	color:#fff;
	font-size:16px;
	    text-transform: uppercase;
    font-family: 'RobotoCondensed-Regular';	
}

#kientruc{
	padding:20px 0px;	
}

#kientruc .box-icon-only{
	    border: thin solid #ccc;	
		margin:20px 0px;
}
#kientruc .icon-kientruc {
	text-align:center;
}

#kientruc .box-icon-only h3:hover {
	color:#f60400;
	transition:0.4s all ease;	
}

#kientruc .box-icon-only h3{
	font-size:28px;
	text-transform:uppercase;
	color:#393939;	
	font-family:'RobotoCondensed-Bold';
	margin-bottom:20px;
}

#kientruc .bg-icon{
	margin:0 auto;
	padding: 10px;
    padding: 15%;
	position:relative;
}

@media(max-width: 800px) and (min-width: 600px){ 
	#kientruc .bg-icon {
		padding:15% 20%;	
	}
}

@media(max-width: 600px){ 
	#kientruc .bg-icon {
		padding:15%;	
	}
}

#kientruc .bg-icon div{
	position:relative;
	border: 3px solid transparent;
	border-radius:50%;
	
}

#kientruc .bg-icon:hover div{
	border-color: #f60400;
}

#kientruc .box-icon-only:hover {
	border-color: #f60400;
	transition:0.4s all ease;	
}

#kientruc .bg-icon:hover div img.img_tranparent{
	transform: scale(0.87);	
	transition:0.3s all ease;	
}

.img_tranparent {
	background:#999;
	    border-radius: 50%;
	position:relative;	
}

.img_main{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	margin:auto;
	max-width:100%;
	max-height:100%;	
}

.box-camket{
	background: #006ea2;
	position:relative
}

#thongtin{
	position:relative;
	padding: 35px 0px;
}

@media(min-width: 1024px){ 
#thongtin:before{
    content: "";
    position: absolute;
    width: 35%;
    left: 0px;
    top: 0px;
    background: #006ea2;
    height: 100%;
    margin: auto;
}

#thongtin:after{
    content: "";
    position: absolute;
    width: 65%;
    right: 0px;
    top: 0px;
    background: #eeeeee;
    height: 100%;
    margin: auto;
}

}

@media(max-width: 1023px) {
	.box-camket{
		padding:10px !important;
		margin-bottom:10px !important;	
	}
	
	.box-thongtin{
		margin-bottom:10px !important;	
	}
}

.box-camket ul li{
	background: #292929 url(../images/icon_li.png) 10px center no-repeat;
	min-height:44px;
	margin-bottom:2px;
}

.box-camket ul {
	margin-bottom:25px;	
}

.box-camket ul li a{
	    display: block;
    padding: 4px 10px 4px 35px;
    box-sizing: border-box;	
	font-size:24px;
	color:#fab702;
	font-family:'RobotoCondensed-Regular';
	text-transform:uppercase;
	transition:0.4s all ease;
}

.box-camket ul li:hover a{
	padding-left:45px;	
}

.title_congtrinh{
	background:url(../images/title_congtrinh.png) left bottom repeat-x;
	position:relative;	
	margin-bottom:15px;
}

.title_congtrinh h3 {
	display:inline-block;
	position:relative;
	padding-bottom: 10px;
	font-size:24px;
	color:#006ea2;
	text-transform:uppercase;
	font-family:'RobotoCondensed-Regular';
}

.title_congtrinh h3:after{
	height:5px;
	width:100%;
	bottom:0px;
	left:0px;
	background:#393939;
	content:"";
	position:absolute;	
}

.box-thongtin{
		position:relative;
		z-index:99;
}




.box-yahoo{
	border-radius:5px;
	padding:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe0000+0,c90000+97 */
background: #fe0000; /* Old browsers */
background: -moz-linear-gradient(top,  #fe0000 0%, #c90000 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fe0000 0%,#c90000 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fe0000 0%,#c90000 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#c90000',GradientType=0 ); /* IE6-9 */
	
}

h3.title-yahoo{
	font-size:24px;
	font-family:'RobotoCondensed-Regular';
	color:#fff;
	text-transform:uppercase;
    margin-bottom: 20px;
}

.hotline_left{
	background: url(../images/icon_hotline.png) left center no-repeat;
	padding-left:130px;
	line-height:36px;
	font-size:24px;
	color:#efd13d000;
	font-family:'RobotoCondensed-BoldItalic';	
text-shadow: -1px -1px #fff, 1px 1px #fff, 1px -1px #fff, -1px 1px #fff;
}


.email_left{
	font-size:18px;
	color:#ffffff;
	font-family:'RobotoCondensed-Regular';
	background:url(../images/icon_email.png) left center no-repeat;
	padding-left:40px;
	    margin: 20px 0px 0px;	
	
}


/* ========= PRODUCT LIST  =========*/
.title-prolist {
	text-align: center;
	position: relative;
	margin-bottom: 60px;
}

.title-prolist:before {
	height: 1px;
	width: 100%;
	background:#ccc;
	left: 0px;
	right: 0px;
	top: 15px;
	position: absolute;
	content: "";
}

.title-prolist h2 {
    font-size: 26px;
    color: #c70505;
    display: inline-block;
    background: #fff;
    position: relative;
	padding: 0px 20px;
}

.prolist-slider {
	position: relative;
	margin: 20px 0px;
}

.prolist-slider .slick-slider .slick-prev{
    top: -35px;
    left: calc(50% - 30px);	
}

.prolist-slider .slick-slider .slick-next{
    top: -35px;
    right: calc(50% - 30px);	
}

.prolist-slider .slick-slider button {
	background: none;
	color:#999;
	width: 25px;
	height: 25px;
	line-height: 21px;
	border-color:#999;
}

.prolist-slider .slick-slider button:hover {
	background:#f00;
	border-color:#f00;
	color:#fff;
}

.prolist-item:hover {
	margin-top: -20px;
	
}

.prolist-item {
	transition: 0.3s all ease;
	padding-top: 20px;
    position: relative;
    background: url(../images/shadow.png) center bottom no-repeat;
    padding-bottom: 20px;
}

.prolist-item-img {
    border-radius: 50%;
    overflow: hidden;
    max-width: 250px;
    margin: 0 auto;
    border: thin solid #ccc;
	position: relative;
}

.prolist-item-img h3 {
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    position: absolute;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: rgba(0,0,0,.6);
    padding: 10px 25px 15px;
    font-family: 'SFUFuturaBook';
    line-height: 24px;
	transition: 0.2s all ease;
}

.prolist-item-img:hover h3 {
    background: rgba(234, 34, 39, 0.9);
}
/* ========= END PRODUCT LIST  =========*/

/* ========= PRODUCT DETAIL  =========*/

.col-pro-left {
    float: left;
    width: 80px;
    margin-right: 10px;
    padding: 20px 0px;
    position: relative;
}

.col-pro-right {
    width: 100%;
    float: left;
    margin-left: -100px;
    padding-left: 100px;
    box-sizing: border-box;
}

#col-product-left {
	width: calc(100% - 320px);
	float: left;
    background: #fff;
}

#col-product-right {
	width: 270px;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    position: relative;
}

#col-product-right .product-other-addcart a {
	padding: 5px;
}

.title-productother h2{
    font-weight: 700;
    font-size: 18px;
    color: #4b5f6b;
    text-transform: uppercase;
    border-bottom: 1px solid #eaebec;
    line-height: 20px;
    padding: 13px 15px;	
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}

.quantity {
    position: relative;
    margin-bottom: 15px;
}
.quantity,
.quantity * {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
}
.quantity label {
	font-size: 22px;
	padding-right: 5px;
	color: #344655;
}
.quantity .input-text {
    width: 50px;
    height: 50px;
    border: none;
    text-align: center;
    font-size: 18px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    outline: none;
    margin-right: 10px;
}
.quantity p {
	color:#344655;
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 5px;
	
}

.quantity .price-detail {
	margin-bottom: 20px;
}

.quantity .price-detail-old  {
	text-decoration: line-through;
	font-size: 21px;
	color:#8e9aa2;
}
.quantity .minus,
.quantity .plus {
    outline: none;
    position: absolute;
    bottom: 0px;
    left: 167px;
    width: 30px;
    height: 23px;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    background: #0186b5;
    line-height: 19px;
}
.quantity .minus {
    font-size: 25px;
}
.quantity .plus {
    bottom: 27px;
}
.quantity a {
    position: relative;
    height: 50px;
    line-height: 52px;
    bottom: 0px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    border: none;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    background: #0186b5;
    width: 70%;
    display: table;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}

.quantity a .fa {
    font-size: 27px !important;
    color: #fff !important;
    display: inline-block !important;
	    position: relative;
    top: 2px;
}

.quantity a:hover {
    color: #fff;
    background: #0186b5;
}
.quantity a:before {
    content: "";
    background-image: url("../images/icon-cart-w.png");
    background-position: center center;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 26px;
    height: 22px;
    z-index: 2;
    line-height: normal;
}
.product-addtocar {
    text-align: center;
    margin-top: 10px;
}
.product-addtocar a {
    color: #fff;
    font-weight: normal;
    background: #999999;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    padding: 0px 15px;
}
.product-addtocar a:hover {
    color: #fff;
    background: #0186b5;
}

.product-tags {
	margin-bottom: 20px;
	font-size: 14px;
}

.product-tags span{
	font-weight: bold;
}

.product-tags a {
	color:#333;
	font-style: italic;
}

.product-tags a:hover {
	text-decoration: underline;
}

.box-product-other {
	padding: 10px;
}

.product-other {
	margin-bottom: 20px;
}

.product-other-left {
	width: 90px;
	margin-right: 10px;
}

.product-other-left img {
	border: thin solid #3e3e3e;
}

.product-other-left img:hover {
	border-color:#0186b5;
}

.product-other-right {
	width: calc(100% - 100px);
}

.product-other-right h3 {
	font-size: 15px;
	color:#3e3e3e;
	font-weight: 600;
	margin-bottom: 7px;
}

.product-other-right h3 a {
	color:#3e3e3e;
}

.product-other-right h3 a:hover {
	color:#0186b5;
}

.product-other-right p {
	font-size: 14px;
	margin-bottom: 7px;
}

.product-other-right p span {
	color:#bf0000;
}

.product-other-addcart a {
	color:#3e3e3e;
	border: thin solid #3e3e3e;
	display: table;
	padding: 6px 20px;
    margin-bottom: 7px;
}

.product-other-addcart a:hover {
	background: #0186b5;
	border-color:#e40006;
	color:#fff;
}
/* ========= END PRODUCT DETAIL  =========*/





/*CONGTRINH*/
.box-congtrinh {
	font-family: 'RobotoRegular';
}

.content-congtrinh h3 {
    font-size: 18px;
	    line-height: 22px;
    color: #484848;
	text-align:center;
    margin: 15px 0px 5px;
}

.content-congtrinh:hover h3 {
	color:#rgba(40,117,64,1);	
}

.desc-congtrinh{
    font-size: 13px;
    color: #484848;
	text-align:justify;
}

.clear_duan{
	margin-bottom:20px;	
}

.product-right table {
	width:auto !important;
}	

.product-right img {
	width:auto !important;
	height:auto !important;	
}

.clear_duan:nth-child(4n+1){
	clear: both;
}	

.img-congtrinh{
    padding: 5px;
    background: #fff;
    box-shadow: 5px 5px 10px -5px #000;
	overflow:hidden;
	position:relative;
}

.box-congtrinh:hover .img-congtrinh span {
	opacity:1;
	z-index: 99;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.box-congtrinh:hover .img-congtrinh:before {
	width: 100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background:rgba(0,0,0,.4);
	z-index: 9;
	content:"";	
}

.img-congtrinh span{
	opacity:0;
    text-transform: uppercase;
	position:absolute;
	width:100%;
	top:0px;
	    left: 0px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    background: rgba(40,117,64,.9);
    margin: 80px 0 0 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}


.img-congtrinh img{
	width:100%;
	-webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.box-congtrinh:hover .img-congtrinh img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

/* PRODUCT LEFT */
.fix-product-left {
	width: 290px;
	float: right;
}

.fix-product-right {
	width: calc(100% - 330px);
}

.title-right h2{
    line-height: 48px;
    padding-left: 15px;
    background: #f1f1f1;
    font-size: 1.5em;
    position: relative;
    font-weight: bold;
    color: #ea2227;
    margin-bottom: 15px;
    border-left: 4px solid #ea2227;
    font-family: "UTMAvoBold";
}

.product-right-name {
    font-size: 14px;
    margin: 5px 0px 4px;
    padding-left: 30px;
    position: relative;
}

.product-right-name a{
    color: #666;
    font-weight: bold;
    font-family: "Open Sans";
    transition: 0.2s all ease;
}

.product-right-name img {
	position: absolute;
	left: 0px;
}

.product-right-name:hover a{
	color:#ea2227;
}

.list-news-right{
    margin-bottom: 20px;
    padding: 3px;
    box-shadow: 1px 1px 4px #888;
}

.news-right-content ul {
	padding: 0px 10px;
}

.news-right-content ul li {
    border-bottom: thin dashed #888;
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.new-right-name {
	font-size: 13px;
	font-weight: nomarl;
}

.new-right-name a {
    color: #ea2227;
    font-family: "Open Sans";
    font-weight: bold;
    transition: 0.2s all ease;
}

.new-right-name:hover a {
	color: #ea2227;
	text-decoration: underline;
}

.new-right-desc {
	color:#333;
	font-family: "Open Sans";
    font-size: 13px;
}

.news-right-img img{
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,.1)!important;
    border: thin solid #ccc;
    padding: 2px;
	transition: 0.2s all ease;
}

.news-right-img:hover img {
    border-color: #ea2227;
}
/* END PRODUCT LEFT */


/* PRODUCT */
.fix-product-0 {
	margin: 0px !important;
}

.fix-product-0 .fix-col-5 {
	padding: 0px !important;
	margin-right: -1px;
}

.fix-product-0 .fix-col-5 .box-product {
	margin-bottom: -1px;
}


.nav-noibat li{
	font-size: 20px;
	color:#3e3e3e;
	max-width: 170px;
	margin: 0 auto 5px;
	text-align: center;
}

.nav-noibat li a{
	color:#717171;
	font-size: 15px;
	display: block;
	transition: 0.4s all ease;
	padding: 10px 5px;
	border: thin solid #cacaca;
	overflow: hidden;
	position: relative;
}

.nav-noibat li:hover a{
	background: rgba(138, 209, 224, 0.8);
	color:#fff;
	border-color: rgba(138, 209, 224, 1);
}

.nav-noibat li a:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.nav-noibat li a:hover:before{
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.nav-noibat li:first-child{
	max-width: 255px;
	margin-bottom: 7px;
	padding: 10px 5px;
	border: thin solid #cacaca;
}

.box-product{
    margin-bottom: 20px;
    text-align: left;
    position: relative;
    transition: 0.5s all ease;
    font-family: 'Open Sans','Arial';
	background:#fff;
}

.box-product.box-productnb {

}

.box-product:hover {
	
}

.box-product .product-new, .box-product .product-sale {
	background: url(../images/icon-new.png) no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    top: 15px;
    right: 15px;
    z-index: 9;
    display: block;
    background-size: 100%;
	opacity: 1;
	transition: 0.1s all ease-in-out;
}

.box-product .product-sale {
	background:#ed1c24;
    width: 30px;
    height: 20px;
	font-size: 10px;
    font-weight: bold;
	line-height: 20px;
	font-family: 'Open Sans', sans-serif;
}

.box-product .product-status {
	font-size: 14px;
    color: #fff;
    background: #efd13d000;
    padding: 6px 10px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 9;
	opacity: 1;
}

.box-product:hover .product-new,.box-product:hover .product-status, .box-product:hover .product-sale {
	opacity: 0;
}

.product-code{
    position: absolute;
    z-index: 9;
    background: #273896;
    color: #fff;
    padding: 0px 15px;
	    line-height: 28px;
    font-size: 13px;
    top: 1px;
    left: 1px;
	transition: 0.5s all ease;
}

.box-product:hover .product-code{
	background: #c90400;
}

.box-product .product-img {
    padding: 5px;
	padding: 0px;
	border: thin solid #ebebeb;	
	transition: 0.2s all ease;
}

.box-product:hover .product-img {
	border-color: #e61311;
}

.box-product .product-img a:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(138, 209, 224, 0.2);
	background: rgba(220, 36, 41, 0.1);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    transition: 0.5s all ease;
    opacity: 0;
}

.box-product:hover .product-img a:after {
    opacity: 1;
    transition: 0.5s all ease;
}

h3.product-name{ 
    font-size: 18px;
    margin: 20px 0px 0px;
    padding-bottom: 5px;
    font-weight: normal;
    text-align: center;
    font-family: 'SFUHelveticaLight';
}

h3.product-name a{
	color:#333;	
	transition:0.4s all ease;
}
.product-desc {
	display: none !important;
}
.box-price {
    padding: 5px 0px 0px;
	text-align: center;
	font-family: 'Roboto-Regular';
}

.box-price .product-price-old {
	float: right;
    margin-top: 2px;
}

.box-product .product-price span{
    color: #ea1100;
    font-size: 14px;
    font-family: 'Roboto-Bold';
}

.box-product .product-price-old span{
    text-decoration: line-through;
    color: #000000;
	font-size: 12px;
}

.box-product:hover h3.product-name a {
	color:#e61311;	
}

.box-product .product-hover::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	width: calc(100% + 15px);
    height: calc(100% + 15px);
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.box-product:hover .product-hover::before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.box-product .product-content {
    position: relative;
    margin-bottom: 20px;
}

.box-product .product-addcart a {
    background: #dbdbdb;
    width: 37px;
    height: 37px;
    display: block;
    position: absolute;
    right: 0px;
    top: 10px;
    line-height: 32px;
    transition: 0.1s all ease;
    color: #545454;
    text-align: center;
    font-size: 20px;
}

.box-product .product-addcart:hover a {
	color:#fff;
	background:#0186b5;
}

.product-desc{
	font-size:13px;
	line-height:25px;
	color:#4c4c4c;	
text-align: justify;
}

.product-view a{
	margin-top:15px;
	display:inline-block;
	line-height:32px;
	padding:0px 10px;
	font-size:12px;
	color:#7c7c7c;
	border:thin solid #ccc;
	border-right: 4px solid #0a8fff;
	text-align:center;	
	transition:0.4s all ease;
}

.box-product:hover .product-view a{
	color:#fff;
	background:#e61311;
	border-color:#e61311;	
}

.product-img {
	background: #fff;
	overflow: hidden;
	position: relative;
}

.box-product img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
    width: 100%;	
}

.box-product:hover img {
	-webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.product-img a{
	overflow:hidden;	
	position:relative;
	display: block;
}

.view-productkm a{
	color:#fff;
	line-height: 40px;
	background: #0a8fff;
	padding: 0px 50px;
	display: inline-block;
	margin-bottom: 40px;
	transition: 0.3s all ease;
	text-transform: uppercase;
	font-size: 14px;
}

.view-productkm a:hover {
	background:#f00;
}

.img-prolist {
	width: 100%;
	margin-bottom: 10px;
}

.title-product-detail {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    background: url(../images/title-index2.png) left bottom repeat-x;
}

.title-product-detail h2 {
    font-size: 24px;
    color: #ea2227;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding: 0px 0px 5px;
    line-height: 40px;
    font-family: 'RobotoCondensed-Bold';
}

.title-product-detail  h2:before {
    background: #ea2227;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
    position: absolute;
    content: "";
}

.title-product-detail h2 span {
    position: relative;
}

/* END PRODUCT */


/* SERVICE */
#quytrinh {
	font-family: "RobotoLight";
}

.quytrinh-title {
	font-size: 26px;
}

.quytrinh-name {
	font-size: 16px;
}

.quytrinh-item {
    margin: 50px auto 50px;
    max-width: 200px;
}
.quytrinh-only {
	margin-top: 70%;
}

#camket {
	margin-bottom: 0px;
	    padding: 40px 0px 30px;
	font-family: "RobotoLight";
}

.camket-item {
	margin-bottom: 20px;
}

.camket-title {
    margin-bottom: 20px;

}

.camket-img {
    width: 190px;
    height: 190px;
    position: relative;
    border-radius: 50%;
    box-shadow: 0 0 0px 5px #ccc;
    margin: 0 auto;
    margin-bottom: -95px;
    background: #fff;
    transition: 0.2s all ease;
}

.camket-img a {
    display: block;
    width: 190px;
    height: 190px;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
}


.camket-content {
    padding: 15px;
    padding-top: 125px;
    min-height: 250px;
    background: #f7f7f7;
    color: #333333;
    text-align: center;
    text-align-last: center;
    border-bottom: 4px solid #efd13d;
}

.camket-view {
	margin-top: 15px;
    margin-bottom: 5px;
}

.camket-view a{
    font-size: 15px;
    color: #555555;
    padding: 6px 37px;
    background: #ececec;
    border-radius: 25px;
    display: inline-block;
	transition: 0.2s all ease;
}

.camket-view a:hover {
	background:#efd13d;
	color: #fff;
}
.camket-item:hover .camket-content{
	
}

.camket-item:hover .camket-img{
	
}

.camket-item:hover .camket-img:hover {
	transform:scale(1.05);
}

.camket-item:hover .camket-img:hover {
	box-shadow: 0 0 0px 5px #efd13d;
}

h3.camket-name {
    font-size: 20px;
    font-family: 'SFUHelveticaBold';
    margin-bottom: 10px;
}

h3.camket-name a {
	color:#efd13d;
}

h3.camket-name a:hover {
	text-decoration: underline;
}


/* SERVICES */
#services {
	padding: 40px 0px 30px;
}

#news-website {
	padding: 50px 0px;
}

.service-item {
	margin-bottom: 20px;
}
.service-name {
    margin: 10px 0px;
    font-size: 18px;
    font-weight: bold;
    font-family: "Roboto-Bold";
    line-height: 25px;
}

.service-name a {
	color:#393939;
	transition: 0.2s all ease;
}

.service-name a:hover {
	color:#CE1800;
}

.service-desc {
    line-height: 24px;
    font-size: 14px;
    text-align: justify;
    text-align-last: center;
    color: #6e6e6e;
}

.service-img {
    display: block;
    background: #fff;
    overflow: hidden;
    position: relative;
    border: thin solid transparent;
}

.service-img img {
	transition: 0.2s all ease;
}

.service-img:hover img{
    transform: scale(1.1);	
}

.service-img:hover:before {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	top: 0px;
	left: 0px;
	content:"";
	position: absolute;
	z-index:99;
}

.service-img .fa{
    font-size: 0px;
    color: #fff;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    transition: 0.2s all ease;
    z-index: 99;
    opacity: 0;
    display: table;
    text-align: center;
    width: 100%;
}

.service-img:hover .fa {
	font-size: 35px;
	opacity: 1;
}

.service-innfo p{
    background: url(../images/icon-baiviet.png) left center no-repeat;
    margin-bottom: 0px;
    float: left;
    padding-left: 20px;
}

.title-main h2{
	font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
    background: url(../images/title-index.png) center bottom no-repeat;
    padding-bottom: 20px;
}

.service-date{
	font-family: "Time-New-Romance";
    float: left;
    background: #222222;
    color: #fff;
    padding: 10px 0px;
    text-align: center;
    line-height: 22px;
    width: 70px;
    margin-left: -1px;
    margin-top: -1px;
    margin-right: 10px;
	margin-bottom: 0px;
}

.service-date span {
	display: block;
	font-size: 14px;
}

.service-date span:first-child {
	font-size: 22px;
	font-weight: bold;
}

.service-content {
	margin: 10px 0px;
}
/* END SERVICES */


/* PROJECT */
#project-main {
    background: #f7f7f7;
    padding: 50px 0px 30px;
}
.project-items {
	margin: 20px 0px;
	background:#fff;
}
.project-img {
	float: left;
	max-width: 47%;
}

.project-content {
    font-family: 'SFUHelveticaLight';
    padding: 10px 20px 5px;
    float: left;
    width: calc(100% - 47%);
	color:#333333;
}

.project-date {
    font-size: 15px;
    color: #8c8c8c;
}	

.project-name {
	font-size: 18px;
	margin-bottom: 10px;
}

.project-name a {
	color:#333;
}	

.project-name a:hover {
	color:#e61311;
}

.project-desc {
	line-height: 24px;
}	

.project-view a {
    font-size: 15px;
    color: #555555;
    padding: 3px 32px 6px;
    background: #ececec;
    border-radius: 25px;
    display: inline-block;
    transition: 0.2s all ease;
}

.project-view {
    margin-top: 20px;
}

.project-view a:hover {
    background: #7ac142;
    color: #fff;
}

.hv-over {
    display: block;
    position: relative;
}

.hv-over span {
    position: absolute;
    line-height: 36px;
    background: rgba(255, 255, 255, 0.8);
    padding: 0 15px;
    top: 50%;
    margin-top: 0px;
    left: 50%;
    margin-left: -62px;
    z-index: 2;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    opacity: 0;
    color: #333;
}

.hv-over:hover span {
    opacity: 1;
    margin-top: -20px;
} 

.hv-over:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hv-over:hover:after {
    background: rgba(0,0,0,0.7);
}

/* END PROJECT */

/* KHONGGIAN */

.box-khonggian {
    position: relative;
    overflow: hidden;
	margin-bottom:5px;
}

.box-khonggian .img img {
    width: 100%;
    height: 100%;
    filter: url(../filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

.box-khonggian:hover .img img {
    filter: none;
    -webkit-filter: grayscale(0);
}

.box-khonggian:hover .preview {
    bottom: 0;
}

.box-khonggian .preview {
    position: absolute;
    width: 100%;
    bottom: -100%;
    left: 0;
	background:rgba(0,0,0,.7);
    padding: 10px 15px;
    color: #cccccc;
    line-height: 18px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.box-khonggian .tit {
    font-weight: bold;
    color: #ff9900;
    display: block;
    margin-bottom: 5px;
}

.box-khonggian .preview .desc a {
    color: #ff9900;
}



/**********ABOUT INDEX**************/
.owl-theme .owl-nav {
	display: none;
}

.owl-dots {
	background: #333;
}

.owl-theme .owl-dots {
    text-align: center !important;
    -webkit-tap-highlight-color: transparent !important;
    position: absolute !important;
    bottom: 35% !important;
    right: 13% !important;
    padding: 5px 5px 3px !important;
    max-width: 190px;
}

.owl-theme .owl-dots .owl-dot span {
	height: 2px !important;
	width: 22px !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #7ac142 !important;
}

.owl-theme .owl-dots .owl-dot {
	outline: none !important;
}

#about-website{
	padding:20px 0px 10px;
	background: #efd13d;
	color:#fff;
}

#about-website .owl-item {
	padding: 40px 0px;
	margin-right: 0px;
	padding-right: 30px;
	
}

.about-items {
	text-align: left;
	font-size: 15px;
    font-family: 'SFUHelveticaLight';
}


.about-title {
	border-left: 3px solid #fff;
	padding-left: 15px;
}	

.about-title h3{
	font-size: 28px;
    font-family: 'SFUHelveticaBold';
	margin-bottom: 0px;
}

.about-title p {
    text-transform: uppercase;
    font-size: 17px;
    margin-top: -6px;
}		

.about-desc{
	font-size:15px;
	color:#fff;
	margin:30px 0px;	
}

.about-view a{
    font-size: 15px;
    color: #555555;
    padding: 5px 35px 8px;
    background: #ececec;
    border-radius: 25px;
    display: inline-block;
    transition: 0.2s all ease;
}

.about-view a:hover {
    background: #c70505;
    color: #fff;	
}

.about-img {
	position: relative;
    margin-top: 20px;
}

.about-img:before {
background: url(../images/about-before.png) center top;
width: 76px;
height: 76px;
position: absolute;
content:"";
    top: -32px;
    right: -32px;
}	

.about-img:after {
background: url(../images/about-after.png) center top;
width: 76px;
height: 76px;
position: absolute;
content:"";
bottom: -32px;
left: -32px;

}	

.about-img img {
	position: relative;
}


/* ========= END LAYOUT INDEX ========= */

/* ======== CONTACT ======== */
.bg-parallax {
    padding: 80px 0px;

    color: #fff;	
	    position: relative;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    /* background-repeat: no-repeat; */
}

.bg-parallax .page-title {
    color: #fff;
    text-transform: uppercase;
    line-height: 36px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255,255,255,0.5);
    width: auto;
    display: inline-block;
    padding: 20px 110px;
    margin: 0;
    font-weight: 600;
	font-size: 24px;
}

.bg-parallax .banner-content {
	position: relative;
}

.breadcrumbs {
    text-transform: uppercase;
    margin-top: 22px;
    line-height: 24px;
}

.breadcrumbs a {
    color: #fff;
}

.bg-parallax .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}

.map_title h2{
	font-size: 16px;
}

.box_contact{
	border-top: 2px solid #ccc;
    margin-top: 25px;
    padding-top: 25px;
    margin-bottom: 15px;	
}

.title_contact h2{
	font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 20px;	
	font-weight:normal;
	font-family: 'RobotoRegular';
}
.magin-contact {
    margin-bottom: 15px;
}

.magin-contact input.form-control {
    border-radius: 0px;
    height: 40px;
    font-size: 15px;
    font-family: "UTMAvo";
    border: thin solid #cecece;
    box-shadow: 0 0 0 0;
	padding-left: 40px;
}

.magin-contact:nth-child(1) input {
    background: url(../images/icon-contact/icon-name.webp) 10px center no-repeat;
}
.magin-contact:nth-child(2) input {
    background: url(../images/icon-contact/icon-add.webp) 10px center no-repeat;
}
.magin-contact:nth-child(3) input {
    background: url(../images/icon-contact/icon-tele.webp) 10px center no-repeat;
}
.magin-contact:nth-child(4) input {
    background: url(../images/icon-contact/icon-title.webp) 10px center no-repeat;
}
.magin-contact textarea.form-control {
	background: url(../images/icon-contact/icon-title.webp) 7px 8px no-repeat;
	padding-left: 40px;
	height: 205px;
}


.magin-contact textarea.form-control{
	border-radius:0px;	
    font-family: "UTMAvo";
	font-size: 15px;
	border: thin solid #cecece;
    box-shadow: 0 0 0 0;
}

.magin-contact .form-control:focus {
	border-color:#d40000;
}

.txt_contact{
	float:left;
	width:200px;	
}

.txt_contact label{
    font-size: 14px;
    color: #333;
}

.input_contact {
	float: left;
	width:300px;
	margin-bottom:10px;
}

.input_contact input{
	width:100%;
	height:27px;
	outline:none;	
	padding:0px 10px;
	box-sizing:border-box;
}

.input_contact textarea {
	width:100%;	
	outline:none;
	padding:5px 10px;
}

.input_contact input:focus, .input_contact textarea:focus{
	border:thin solid #f00;
	color:#666;	
}

.input_contact button{
    background: #C30303;
    border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font: 12px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    padding: 7px 30px;
    cursor: pointer;
    outline: none;
	transition:0.3s all ease;
}

.input_contact button:hover{
	background:#9A0000;	
}


#map_canvas{
	height:400px;
	border:thin solid #cecece;	
}

#map_canvas_bt{
    height: 200px;
    margin-top: 60px;
}

/* ======== END CONTACT ======== */

/* ======== END CONTACT ======== */
.input_lhtk .form-control {
	border-radius:0px;	
	height:32px;
}

.input_lhtk label {
	font-size:15px;
	font-weight: normal;	
}

.input_lhtk {
	margin-bottom:15px;	
}

/* ======== END CONTACT ======== */


/* ========== ALBUM ============ */
.album { position: relative; overflow: hidden; margin-bottom:10px;}
.album a {
	display:block;	
	position:relative;
}
.album img{ width: 100%; border:1px solid #cde9ff;}
.album h3{    font-size: 14px;
    position: absolute;
    z-index: 10;
    bottom: -30px;
    left: 0px;
    right: 0px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 5px;
    transition: 0.5s;
    line-height: 25px;}
.album:hover h3{ bottom: 0px;}

/* ========== END ALBUM ============ */


/* ======== NEWS ======== */
.box-post{
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	color:#686868;
}

.post-img{
	display: block;
	padding: 5px;
	background: #fff;
	box-shadow: 5px 5px 0px 0px #bebebe;
	overflow: hidden;
	position: relative;
	border: thin solid #bebebe;
	    margin-bottom: 20px;
}

.post-img:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	background: rgba(0,0,0,.7);
	content:"";
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
	
	opacity: 0;
}

.post-img:hover:before {
	opacity: 1;
}

.post-img:hover span {
    opacity: 1;
    transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
}

.post-img span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #fff;
    color: #fff;
    height: 30px;
    width: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 27px;
    font-weight: 100;
    margin-top: -15px;
    margin-left: -15px;
    opacity: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transform: scale(0.2, 0.2);
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
}

h3.post-name {
	margin-bottom: 10px;
	font-size: 18px;
	color:#176302;
	font-weight: bold;
}

h3.post-name  a {
	color:#333;
	transition: 0.2s all ease;
}

h3.post-name  a:hover {
	color:#f00;
}

.post-desc{
	margin-bottom: 20px;
}

.post-date {
	color:#999999;
	font-size: 12px;
	padding-left: 30px;
	background: url(../images/icon/icon-clock.png) center left no-repeat;
	line-height: 25px;
	    display: block;

}

.post-view {
	color:#999999;
	font-size: 12px;
	padding-left: 30px;
	background: url(../images/icon/icon-callenda.png) center left no-repeat;
	line-height: 25px;
	    display: block;

}

.other-news {
	margin-top:15px;	
}

.other-news ul li{
	list-style:none;	
}

.other-news h3 {
    color: #969696;
    padding-bottom: 5px;
    border-bottom: 1px solid #969696;
    padding-bottom: 4px;
    font-family: 'RobotoRegular';
    font-size: 18px;
	margin-bottom: 7px;
}

.other-news a:hover {
    color: #eb0000;
    text-decoration: none;
    padding-left: 10px;
}

.other-news a, .other-news {
    color: #969696;
    font-size: 14px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	    font-family: 'Open Sans', sans-serif;
}
/* ======== END NEWS ======== */

/* ========= NEW SCROLL ========= */
/* NEWS WEBSITE */
.video-title {
    font-size: 30px;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
    background: url(../images/title-video.png) center bottom no-repeat;
    padding-bottom: 20px;
}
.list-video {
	margin-top: 10px;
}
.news-only-img img {
	border: thin solid #ccc !important;
    box-sizing: border-box !important;
    background: #fff !important;
    box-shadow: 6px 7px 0px 0px rgba(0,0,0,.1)!important;
    padding: 7px;
	transition: 0.2s all ease;
}

.news-only-img img:hover {
	border-color: #f00;
}
.news-only-name {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 20px;
    margin: 20px 0px 10px;
}

.news-only-name a {
	transition: 0.2s all ease;
	color:#333333;
}

.news-only-name a:hover {
	color:#f00;
}

.news-only-desc{
    font-size: 14px;
    color: #333;
    text-align: justify;
}

.simply-scroll{
	padding: 0px;
}

.simply-scroll{
	height: 380px !important;	
}

.simply-scroll .simply-scroll-clip{
	height:370px  !important;
}

.simply-scroll .simply-scroll-list li{
	  margin: 0px !important;
	  padding: 7px 0px !important;
	  border: none;
}
img.img_slider_news{
	width: 125px !important;
	height: auto !important;
	padding: 4px !important;
	border: thin solid #ccc !important;
	box-sizing: border-box !important;
	background: #fff !important;
	box-shadow: 3px 3px 0px 0px rgba(0,0,0,.1)!important;
}

.scroller a{
	color:#393939;	
	font-size:12px;
	font-weight:bold;
}

.khung_tt img{
	border: thin solid #ccc;
	box-sizing: border-box;
	padding: 10px;
	background-color: #fff; 	
}

.khung_tt:hover img, .simply-scroll .simply-scroll-list li img{
	transition:0.3s all ease;	
}

.simply-scroll .simply-scroll-list li img:hover, img.img_slider_news:hover{
	border-color:#f00 !important;
	transition:0.3s all ease;	
}

.scroller a:hover{
	color:#f00;	
}

.simply-scroll .simply-scroll-list li h4{
		margin-bottom:5px;
		margin-top:0px;
}

.simply-scroll .simply-scroll-list li h4 a{
	color: #363636;
	transition: 0.4s all ease;
	display: block;
	line-height: 18px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	
}

.simply-scroll .simply-scroll-list li {
	font-size: 12px;
	color: #555555;
}

.simply-scroll .simply-scroll-list li h4 a:hover{
	color:#f00;
	
}	

.news-index-img{
	width: 100%;
	border: thin solid #ccc;
	background: #fff;
	padding: 5px;
	transition: 0.4s all ease;
}

.news-index-img:hover {
	border-color: #e61311;
}

.news-index-title h4{
	font-size: 14px;
	color:#2f2f2f;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
}

.news-index-title h4 a{
	color:#2f2f2f;
	line-height: 18px;
}

.news-index-title h4:hover a{
	color:#f7292c;
}

.news-index-desc{
	font-size: 12px;
	color:#434343;
	text-align: justify;
}

.news-index-view a {
	color: #333333;
	font-size: 13px;
	padding: 7px 10px;
	border: 2px solid #333333;
	text-transform: uppercase;
	display: table;
	margin-top: 15px;
	transition: 0.2s all ease;
}

.news-index-view a:hover {
	color:#f00;
	border-color:#f00;
}


.news-index-view a span {
	font-size: 14px;
}
/* ============== END NEW SCROLL ================ */

/* ============== PRODUCT SUPPORT ================ */
.product-support{
	background:#f5f5f5;
    padding: 15px 20px;
}
.product-support-title{
    font-size: 16px;
    color: #262626;
    font-family: 'SFUFuturaBook';
    text-transform: uppercase;
    margin: 10px 0px;
}
.box-newsletter {
	position: relative;
	font-family: "Roboto-Regular";
}

.box-newsletter .input_dk {
	height: 32px;
	border-radius: 0px;
	border: thin solid #dedede;
	box-shadow: 0 0 0 0;
	width: 100%;
	color:#000000;
	font-size: 12px;
    font-family: 'SFUFuturaBook';
}

.box-newsletter .input_dk:focus {
	border-color: #c70505;
}

.box-newsletter button {
    border: none;
    outline: none;
    height: 32px;
    background: #ffb400;
    width: 100%;
    top: 0px;
    right: 0px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
	font-family: 'SFUFuturaHeavy';
}
/* ============== END PRODUCT SUPPORT ================ */

/* ========= FOOTER ========= */
#logo_footer {
	margin-bottom: 20px;
}

#footer {
    font-size: 15px;
    background: url(../images/bg-footer.png) center top repeat;
    color: #fff;
}

.content_footer {
	margin-bottom: 20px;
}

.content_footer ul li {
	margin-bottom: 20px;
	    position: relative;
		padding-left: 40px;
}

.content_footer ul li span {
    width: 30px;
    height: 30px;
    border: thin solid #4d4d4d;
    border-radius: 4px;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    top: -5px;
}

.content_footer ul li img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;	
}

.line-footer {
    border-top: thin solid #fff;
    border-bottom: thin solid #d4d4d4;
	margin-top: 25px;
}


.footer-top {
    position: relative;
    padding: 35px 0px;
}

.footer-bottom {
    padding-top: 30px;
    padding-bottom: 10px;
}

.footer-shadow {
	background: url(../images/shadow-footer.png) center top no-repeat;
	background-size: 100%;
    padding-top: 50px;
}

.ul-baiviet li {
	margin-bottom: 10px;
	position: relative;
}

.ul-baiviet li:before {
    content: "+";
}

.ul-baiviet li a{
	color:#fff;
	padding-left: 12px;
	font-size: 14px;
	transition: 0.3s all ease;
}

.ul-baiviet li:hover a{
	text-decoration: underline;
}

.title-thongke {

	text-transform: uppercase;
	position: relative;
	    font-size: 18px;
    margin-bottom: 10px;

    padding-bottom: 10px;
}	

.title-thongke:before {
    background: #fff;
    width: 32px;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
}

.list-thongke li {
    border-bottom: thin solid #666;
    padding-left: 28px;
    padding: 7px 0px 13px 25px;
	clear: both;
}

.list-thongke li:nth-child(1) {
	background: url(../images/icon-online1.png) left center no-repeat;
}
.list-thongke li:nth-child(2) {
	background: url(../images/icon-online2.png) left center no-repeat;
}
.list-thongke li:nth-child(3) {
	background: url(../images/icon-online3.png) left center no-repeat;
}
.list-thongke li:nth-child(4) {
	background: url(../images/icon-online4.png) left center no-repeat;
}

.list-thongke li:last-child {
	border-bottom: none;
}

.block-thongke {
	max-width: 190px;
	float: right;
    margin-top: 52px;
}

.list-thongke li span {
	float: left;
	width: 115px;
}

.title-footer {
    font-size: 20px;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    font-weight: bold;
    color: #f8f802;
}

.title-baiviet {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}	

.fanpage-footer {
	border: thin dotted;
    padding: 20px;
    border-radius: 10px;
}


#mxh-footer {
	margin-bottom: 20px;
}

#mxh-footer span {
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	top: -15px;
	margin-right: 10px;
}

#mxh-footer a {
	border: thin solid #4d4d4d;
	width: 40px;
	height: 40px;
	position: relative;
	display: inline-block;
	border-radius: 4px;
	margin: 0px 3px;
	transition: 0.2s all ease;
}

#mxh-footer a:hover {
	border-color: #e09705 ;
}

#mxh-footer a img {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	transition: 0.2s all ease;
}

#mxh-footer a:hover img {
	transform: rotate(360deg);
}

.baiviet_footer  a {
	font-size: 13px;
    color: #b1b1cb;	
	padding-left:13px;
	background:#0a8fff url(../images/icon_li.png) left center no-repeat;
}

.lienket1 {
	margin-bottom: 10px;
	margin-top: 5px;
}

.support-footer {
	line-height: 30px;
	margin-bottom: 10px;
}

.support-footer span{
	color: #efd13d;
}

.support-tele {
	background:url(../images/icon-tele.png) left center no-repeat;
	padding-left: 25px;
	margin-bottom: 0px;
}

.support-email {
	background:url(../images/icon-mail.png) left center no-repeat;
	padding-left: 25px;
	margin-bottom: 0px;
}

.hotline-footer {
    background: url(../images/hotline.png) no-repeat;
    width: 275px;
    height: 70px;
    box-sizing: border-box;
    padding-top: 37px;
    padding-left: 87px;
    font-size: 21px;
    color: #FDB812;
    font-weight: bold;
    text-shadow: -1px -1px #000, 1px 1px #000, 1px -1px #000, -1px 1px #000;
    font-family: "Roboto-Bold";
}

/*.thongketruycap ul {
	padding-left: 60px;
	font-size: 14px;
	background: url(../images/icon-thongke.png) left center no-repeat;
}*/

.thongketruycap {
	max-width: 200px;
	width: 100%;
	float: right;
}

.thongketruycap ul li{
    padding-left: 20px;
    line-height: 34px;
    border-bottom: thin solid #fff;
	position: relative;
}

.thongketruycap ul li span {
	position: absolute;
	right: 0px;
}

.thongketruycap ul li:nth-child(1){ 
	background: url(../images/icon-online1.png) left center no-repeat;
}

.thongketruycap ul li:nth-child(2){ 
	background: url(../images/icon-online2.png) left center no-repeat;
}

.thongketruycap ul li:nth-child(3){ 
	background: url(../images/icon-online3.png) left center no-repeat;
}

.thongketruycap ul li:nth-child(4){ 
	background: url(../images/icon-online4.png) left center no-repeat;
}

#footer .lienket{
	float:none;
    margin-top: 15px;
}

.lienket2{
	margin-bottom: 10px;
}

.lienket2 a{
	margin-right: 2px;
}

#copyright {
    padding: 12px 0px;
    color: rgba(255,255,255,.7);
    font-size: 13px;
    position: relative;
    background: #0076ba;
}

#copyright a {
	color:#e09705;
}

#call-website {
	font-family: "Open Sans";
	z-index:1000; 
	position: fixed; 
	bottom: 0; 
	width: 100%; 
	left: 0;
	font-size: 14px;
}

#call-website table {
	width:100%;
	text-align:center;
	margin:auto;
	background: #ad0000; 
	border: 3px solid #e8e8e8;	
}

#call-website table tr td:nth-child(2) img {
	margin-right: 10px;
}

#call-website img {
    width: 30%;
    max-width: 35px;
    vertical-align: middle;
}

#call-website a {
    color: #fff;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/* ========= END FOOTER ========= */

/* ========= CALL WEBSITE ========= */
.suntory-alo-phone {
	background-color: transparent;
	cursor: pointer;
	height: 120px;
	position: fixed;
	transition: visibility 0.5s ease 0s;
	width: 120px;
	z-index: 200000 !important;
}

.suntory-alo-phone {
	background-color: transparent;
	cursor: pointer;
	height: 120px;
	position: fixed;
	transition: visibility 0.5s ease 0s;
	width: 120px;
	z-index: 200000 !important;
}
.suntory-alo-ph-circle {
	animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
	background-color: transparent;
	border: 2px solid rgba(30, 30, 30, 0.4);
	border-radius: 100%;
	height: 100px;
	left: 0px;
	opacity: 0.1;
	position: absolute;
	top: 0px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
	width: 100px;
}
.suntory-alo-ph-circle-fill {
	animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 70px;
	left: 15px;
	position: absolute;
	top: 15px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
	width: 70px;
}
.suntory-alo-ph-img-circle {
	/* animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; */
	border: 2px solid transparent;
	border-radius: 100%;
	height: 50px;
	left: 25px;
	opacity: 0.7;
	position: absolute;
	top: 25px;
	transform-origin: 50% 50% 0;
	width: 50px;
}
.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {
	opacity: 1;
}
.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {
	animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
}
.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {
	animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {
	border-color: #00aff2;
	opacity: 0.5;
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {
	border-color: #d40000;
	opacity: 1;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
	border-color: #bfebfc;
	opacity: 1;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.9);
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {
	background-color: #d40000;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.9);
}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {
	background-color: #00aff2;
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {
	background-color: #d40000;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
	background-color: #00aff2;
}
@keyframes suntory-alo-circle-anim {
	0% {
		opacity: 0.1;
		transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
		opacity: 0.5;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
		opacity: 0.6;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes suntory-alo-circle-img-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes suntory-alo-circle-fill-anim {
	0% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
		opacity: 0.2;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
.suntory-alo-ph-img-circle i {
	animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
	font-size: 30px;
	line-height: 50px;
	padding-left: 10px;
	color: #fff;
}

#suntory-alo-phoneIcon {
	left: 0px;
	bottom: 0px;
}

/*=================== End phone ring ===============*/
@keyframes suntory-alo-ring-ring {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}

/* ========= END CALL WEBSITE ========= */


/* -----------------------Popup---------------------------*/
#popub {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 10001;
    text-align: center;
}
#loading, #popub {
    width: 100%;
    height: 100%;
    display: none;
}
#popub .popub {
    position: relative;
    max-width: 80%;
    margin: auto;
    display: inline-block;
}
#popub .popub .close_popup {
    position: absolute;
    background: url(../images/icon/close.png) center center no-repeat;
    width: 60px;
    height: 60px;
    right: -33px;
    top: -33px;
    z-index: 999999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 60px rgba(0,0,0,.2);
    border: 1px solid rgba(255,255,255,.5);
    background-color: rgba(255,255,255,.1);
}
.close_popup {
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
.close_popup, .list-group-item>.badge {
    float: right;
}
#popub .popub .close_popup:hover {
    background-color: rgba(255,255,255,.3);
    box-shadow: 0 0 20px rgba(255,255,255,.8);
}
/* -----------------------End Popup---------------------------*/


/* ========= GIAO HANG ==========*/
#giaohang_index{
	background: #0186b5;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
    text-transform: uppercase;
}

.box-giaohang{
    padding: 25px 0px 15px;
}

#giaohang_index h3 {
	font-size: 18px;
	font-weight: 700;
	    margin-bottom: 3px;
}

.fix-col-giaohang:nth-child(1) .box-giaohang {
	background: url(../images/icon-giaohang.png) left center no-repeat;
	padding-left: 55px;
}

.fix-col-giaohang:nth-child(2) .box-giaohang {
	background: url(../images/icon-uytin.png) left center no-repeat;
	padding-left: 50px;
}

.fix-col-giaohang:nth-child(3) .box-giaohang {
	background: url(../images/icon-baohanh.png) left center no-repeat;
	padding-left: 45px;
}
/* ========= END GIAO HANG ==========*/

/* ========= DOI TAC ==========*/

#doitac {
    background: #fff;
    padding: 30px 0px;
}

.title-doitac {
	position: relative;
	margin-bottom: 25px;
}

.title-doitac:before {
	height: 11px;
	width: 100%;
	position: absolute;
	top: 11px;
	content:"";
	background: url(../images/title-doitac.png) left center repeat;
}

.title-doitac h2{
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'SFUFuturaHeavy';
	display: inline-block;
	position: relative;
	background:#f7f7f7;
	padding-right: 20px;
}

.slick-doitac {
    padding-right: 40px;
}

div.slick-doitac button {
	line-height: 33px;
	width: 32px;
	height: 35px;
	background:#999b99;
	border: thin solid #999b99;
}

.slick-doitac.slick-slider button:after {
	display: none !important;
}

div.slick-doitac.slick-slider  .slick-prev{
	top: 15px;
    left: inherit;
    right: 0px !important;
}

div.slick-doitac.slick-slider  .slick-next{
	top: 54px;
}

.slick-doitac img{
    box-shadow: 0px 0px 10px -4px #ccc;
    border: thin solid #dedede;
	transition: 0.2s all ease;
}

.slick-doitac img:hover {
	border-color: #f00;
}
/* ========= END DOI TAC ==========*/

/* CUSTOMERS */
#customers {
    background: url(../images/bg-customer.png) center top no-repeat;
    background-size: cover;
    color: #fff;
    padding: 50px 0px 30px;
}

.title-customer h2 {
    color: #fff;
    background: url(../images/title-index.png) center bottom no-repeat;
    padding-bottom: 25px;
    font-size: 32px;
}

.customer-item {
	margin-bottom: 20px;
}

.customer-img {
    display: table;
    position: relative;
    margin: 0px auto -61px;
    border-radius: 50%;
    padding: 7px;
    background: #176eb7;
    background: -moz-linear-gradient(top, #176eb7 0%, #176eb7 50%, #ffffff 50%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #176eb7 0%,#176eb7 50%,#ffffff 50%,#ffffff 100%);
    background: linear-gradient(to bottom, #176eb7 0%,#176eb7 50%,#ffffff 50%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#176eb7', endColorstr='#ffffff',GradientType=0 );
    border: thin solid #fff;
    box-shadow: 2px 3px 10px -3px #000;
    z-index: 9;
}

.customer-img img{
    border-radius: 50%;
    max-width: 130px;
    margin: 0px;
    position: relative;
    z-index: 9;
	background:#fff;
}

.customer-desc {
    background: #fff;
    border-radius: 2px;
    padding: 75px 10px 10px;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-style: italic;
}

#main_content_web .customer-desc{
	color:#fff;
	background: url(../images/bg-customer.png) center top no-repeat;
}

.customer-desc:before{
    content: "";
    position: absolute;
    top: 100%;
    right: 45px;
    background: url(../images/arrow.png) no-repeat;
    width: 26px;
    height: 21px;
}

.customer-name {
    font-family: "Roboto-Bold";
    font-style: normal;
    font-size: 14px;
    margin: 10px 0px;
}

.customer-add {
    font-size: 14px;
    font-family: "Roboto-Regular";
    margin-top: 5px;
    font-style: normal;
}

/* END CUSTOMERS */

/* DU AN */

.product-right {
    font-family: 'Open Sans', sans-serif;	
}

.product-right h2.title,.product-right h1.title  {
    line-height: 1.4;
    font-size: 18px;
    color: #ea2227;
    margin-bottom: 10px;
    font-weight: bold;
}
.caroufredsel_wrapper{
	height:108px  !important;
}
.product-right ul li {
	font-size:16px;	
}

.product-right ul li span {
	
}

.product-right .khung_thongtin li {
	font-size: 15px;
    margin-bottom: 15px;
	line-height: 18px;
    list-style: none;
    background: url("../images/icon-check-pink.png") no-repeat left 4px;
}

.product-right .khung_thongtin li.gia_detail span {
	color: #f00;
	    font-weight: bold;
}

.product-right .khung_thongtin li.gia_detail_old span {
	text-decoration: line-through;
}

.product-right .khung_thongtin li .mota_detail {

}

.product-right .khung_thongtin li .fa {
	font-size: 11px;
	margin-right: 5px;
	color:#ea2227;
}

.product-right .khung_thongtin li b{
	font-weight: normal;
}

.tab-category {
	margin: 20px 0px;
}

.tab-category .tab-nav li {
    font-size: 14px;
    color: #fffefe;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding: 0px 25px;
    line-height: 40px;
    font-weight: 700;
    top: 0px;
}

.tab-category .tab-nav li.active {
	background: #ED1C24;
}

.tab-category .tab-nav li a {
	color: #868585;
	position: relative;
}

.tab-category .tab-nav li.active a,.tab-category .tab-nav li:hover a {
	color: #3e3e3e;
	position: relative;
}

.tab-category .tab-content {
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: -1px;
}
.tab-category .tab {
	display: none
}

.tab-category .tab.active {
	display: block;
}

/* END DU AN */


/* TAB - PRODUCT */

.tab-product .tab-content {
	padding: 0px;
	border: none;
}

.tab-product .tab-nav li {
	border: none;
	background: none;
    transition: 0.3s all ease-in-out;
}

.tab-product .tab-nav li:first-child {
	background: none;
}

.tab-product .tab-nav li:first-child a{
	
}

.tab-product .tab-nav li.active, .tab-product .tab-nav li:hover{

}

.display-tab {
	position: relative;
	margin-bottom: 20px;
	box-shadow: 0 0 5px 0px #ccc;
}


.display-tab .tab-nav {

}

.tab-product .tab-nav{
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
	background: #fff;
	margin-bottom: 0px;
}

.tab-product .tab-nav li {
	float: left;
    vertical-align: top;
    border-right: thin solid #dedede;
}

.tab-product .tab-nav li:last-child {
	margin-right: 0px;
	padding: 0px;
	border-right: none;
}

.tab-product .tab-nav li a{
	font-size: 15px;
	color: #373737;
    font-weight: 300;
	text-transform: uppercase;
    line-height: 18px;
	transition: 0.2s all ease;
	border-bottom: 5px solid #999;
	padding: 10px 20px;
	display: block;
	font-family: "RobotoCondensed-Bold";
}

.tab-product .tab-nav li:hover a, .tab-product .tab-nav li.active a{
    color: #0186b5;
	border-color:#0186b5;
}

.bounce {
	animation: bounce 2s 1.1s both infinite;
	-webkit-animation: bounce 2s 1.1s both infinite;
}
@keyframes bounce {
	0% {opacity: 0;transform: translateY(-60px) rotate(-45deg);}
	60% {opacity: 1;transform: translateY(30px) rotate(-45deg);}
	80% {transform: translateY(-10px) rotate(-45deg);}
	100% {transform: translateY(0) rotate(-45deg);}
}
@-webkit-keyframes bounce {
	0% {opacity: 0;-webkit-transform: translateY(-60px) rotate(-45deg);}
	60% {opacity: 1;-webkit-transform: translateY(30px) rotate(-45deg);}
	80% {-webkit-transform: translateY(-10px) rotate(-45deg);}
	100% {-webkit-transform: translateY(0) rotate(-45deg);}
}
.pin {
	width: 21px;
	height: 21px;
	border-radius: 50% 50% 50% 0;
	background: #E1301D;
	position: absolute;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	left: 133px;
	top: 30px;
	margin: -20px 0 0 -20px;
	z-index: 2;
}
.pin:after {
	content: "";
	width: 8px;
	height: 8px;
	margin: 6px 0 0 7px;
	background: #fff;
	position: absolute;
	border-radius: 50%;
}
.pulse {
	background: #E1301D;
	border-radius: 50%;
	height: 9px;
	width: 9px;
	position: absolute;
	left: 131px;
	top: 60px;
	margin: 11px 0px 0px -13px;
	transform: rotateX(55deg);
	-webkit-transform: rotateX(55deg);
	z-index: 1;
}
.pulse:after {
	content: "";
	border-radius: 50%;
	height: 51px;
	width: 51px;
	position: absolute;
	margin: -20px 0 0 -21px;
	animation: pulsate 1s 1.1s ease-out infinite;
	-webkit-animation: pulsate 1s 1.1s ease-out infinite;
	opacity: 0;
	box-shadow: 0 0 1px 2px #E1301D;
}
@keyframes pulsate {
	0%      {transform: scale(0.1, 0.1);opacity: 0;}
	50%     {opacity: 1;}
	100%    {transform: scale(1.2, 1.2);opacity: 0;}
}
@-webkit-keyframes pulsate {
	0%      {-webkit-transform: scale(0.1, 0.1);opacity: 0;}
	50%     {opacity: 1;}
	100%    {-webkit-transform: scale(1.2, 1.2);opacity: 0;}
}



/* END TAB - PRODUCT */

/* ========== Content pagination ========== */

.paging {
	    text-align: center;	
		clear: both;
}

ul.pagination {
    text-align:center;
    color:#829994;
}
ul.pagination li {
    display:inline;
    padding:0 3px;
}
ul.pagination a {
    color: #bababa;
    display: inline-block;
    padding: 3px 10px;
    margin: 0px 2px;
    border: 1px solid #bababa;
    text-decoration: none;
    border-radius: 0px !important;
    transition: 0.2s all ease;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
ul.pagination a:hover, 
ul.pagination a.current {
    background: #ed1c24;
    color: #fff;
    border-color: rgba(0,0,0,.2);
}

.paging{
	margin:5px auto;	
}
.pagination {
	margin: auto;
	width: auto;
	text-align: center;
	margin-top: 10px;
}
.pages {
}
.pages li.prev {
	margin-right: 15px;
}
.pages li.next {
	margin-left: 15px;
}
.pages li {
	display: inline-block;
	margin: 5px 2px;
}
.pages li a {
	height: 25px;
	padding: 4px 8px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;
	border: 1px solid #d5d5d5;
	font-size: 11px;
}
.pages li a:hover {
	background: #f6f6f6;
}
.pages li .active {
	background: url(../images/backgrounds/sideGradient.png) repeat-x;
	color: #fff;
	border-color: #424852;
}
.pages li .active:hover {
	background: #2a313d;
}

.page_info{
	display:none !important;	
}
/* END PAGING */

.title-rpmenu {
margin-top: 25px;
}

/* MEDIA */
@media(min-width: 992px) {
	.fix-colpro-2 {
		width: 25%;
	}
	
	.fix-colpro-10 {
		width: 75%;
	}
	
	.fix-slider-2 {
		width: 22%;
	}
	
	.fix-slider-10 {
		width: 78%;
	}
	
}

@media(min-width: 1024px){
	.fix-slider-2 {
		width: 23%;
	}
	
	.fix-slider-10 {
		width: 77%;
	}
}



@media(max-width: 1279px) and (min-width: 1024px){ 
	.nav-left .nav-ul{
	    min-height: 380px;
	}
	
	.nav-left .nav-ul li {
		padding: 6px 0px;
	}
}



@media(min-width: 768px) {
	.fix-menu-3 {
		width: 259px;
	}
	
	.fix-menu-9 {
		width: calc(100% - 259px);
	}
}

@media(max-width: 1200px) and (min-width: 1025px) {
	#menu li{
		transition:0.5s all ease;
		margin:0px 5px;	
	}	
	
	.title_search{
		font-size: 18px;	
	}
	
	#hotline {
		margin-top: 30px;
	}

}

@media(max-width: 1024px) {
	.slick-news-item-img img{
		width: 125px;
		height: auto;
	}

	.slick-news-item-content{
		float: left;
		width: calc(100% - 135px);
	}
	
	.quytrinh-title, .services-title {
		font-size: 28px;
	}
	
	.camket-title {
		padding: 0px 40px;
	}
}

@media(max-width: 992px){
	
	.box-newsletter {
		margin:  7px 0px;
	}
	
	.quytrinh-title, .services-title {
		font-size: 24px;
	}
	
	.box-newsletter .input_dk{
		border: thin solid #dedede;
		height: 36px;
		
	}
	
	.box-newsletter button{
		height: 36px;
	}
	
	.lienket {
		float: none;
		display: block;
		text-align: center;
	}
	
	#logo {
		
	}
	
	.fix-product-left {
		margin-top: 20px;
	}
	
	.fix-product-left, .fix-product-right {
		width: 100%;
	}
}

@media(max-width: 800px){

}

@media(max-width: 768px){
.owl-theme .owl-dots {
    text-align: center !important;
    -webkit-tap-highlight-color: transparent !important;
    position: absolute !important;
    bottom: 8% !important;
    right: 13% !important;
    left: 13%;
    padding: 5px 5px 3px !important;
    max-width: 190px;
    margin: auto;
}

	#header {
		border-bottom: 3px solid #efd13d;
	}
	
	.quytrinh-title, .services-title {
		font-size: 18px;
	} 
	
	.camket-title {
		padding: 0px;
	}
	
	.quytrinh-only, .quytrinh-item {
		margin: 30px auto 30px;
		max-width: 100%;
	}
	
	.product-support-title {
		text-align: center;
	}

	#col-product-left { 
		width: 100%;
		float: none;
		padding: 15px;
		background: #fff;
		border: thin solid #dedede;
	}
	
	.mgb-20 {
		margin-bottom: 20px;
	}

	#col-product-right {
		width: 100%;
		float: none;
	}

	.header {
		margin-bottom: 0px;
		
	}
	
	#slider-main {
		padding: 10px 15px;
	}

	
	#cart_mini {
		display: none !important;
	}
	
	.box-abs{
		z-index:9999;	
	}	
	
	#hotline {
		margin-top: 30px;
	}
	
	#banner{
		margin: 15px auto 0px;
	}
	
	#search {
		position:relative !important;	
	}
	
	.text-center-xs{
		text-align:center;	
	}
	
	.title_search {
		font-size: 16px;	
		padding:12px 0px;
		text-align:center;
	}
	
	.title-index h2, .title-index h1, .title-prolist h2{
		font-size: 20px;
	}
	

	#timkiem {
		
	}
	
	.btn-duanthicong{
		display:none;	
	}
	
	.email_header {
		display:none;	
	}
	
	 .lang {
		float:none;
		display:inline-block;	
	}
	
	
	
	.box-giaohang {
		padding: 20px 20px  10px;
	}
	
	#giaohang_index .fix-col-giaohang{
		border-top: thin solid #8c009c;
		border-bottom: thin solid #400;
	}
	
	.box-product .product-price span,h3.product-name {
			font-size: 16px;
	}
	
	.box-product .product-price span{
		font-size: 14px;
	}
	
	.fix-col-15,.fix-col-13,.fix-col-10 {
		padding: 0px 7px;
	}
	.fix-row-15,.fix-row-13,.fix-row-10 {
		margin: 0px -7px;
	}
	
	.thongketruycap {
		float: left;
	}
	
	.title-doitac h2, .title-footer {
		font-size: 21px;
	}
	
	#map_canvas_bt {
		margin-top: 0px;
	}
	
	.block-thongke {
		margin-top: 20px;
		float: none;
		max-width: 100%;
	}
}

@media(max-width: 767px) {

}

@media(max-width: 560px) {
	#logo {
	    max-width: 100px;
		margin-top: -30px;	
	}
	
	.title-rpmenu {
		margin-top: 5px;
		margin-bottom: 7px;
	}
	
	.bg-parallax .page-title {
		padding: 15px 60px;	
		font-size: 21px;
	}
	
	.box-product .product-new, .box-product .product-sale  {
		width: 40px;
		height: 40px;
		background-size: 100%;
	}
	
	.nav-noibat li{
		font-size: 16px;
	}
	
	.nav-noibat li a{
		padding: 5px;
	}
	
	.box-newsletter .form-control {
		width: 100%;
	}
	
}

@media(max-width: 400px) {
	.lienket img {
		width: 36px;
	}
	
	.tab-category .tab-nav li {
		float:none;	
	}
	
	.quantity label {
		display: none;
	}
	
	.quantity .minus, .quantity .plus{
		left: 50px;
	}
	
	.quantity a {
		position: absolute;
		left: 90px;
		line-height: 50px;
	}
}

.xemtructuyen{
	position: fixed;
	top: 47%;
	right: 10px;
}

.modal-content {
	background: url(../images/bg-footer.png);
	border-radius: 0px;
	color: #fff;	
}

.modal-header, .modal-footer{
	display: none !important;
}

.newsletter-title .close {
	opacity: 0.8;
	color:#ffb400;
}

@media(min-width: 768px) {
	.modal-dialog {
		width: 500px;
		margin: 30px auto;
	}
}

@media(max-width: 1024px) {
	.container {
		width: 100% !important;
	}
}

@media(max-width: 900px) {
	#header:after ,#header:before{
		display: none;
	}
}

@media(max-width: 500px) {
	.mxh-top {
		display: none;
	}
	
	.hotline {
		margin-right: 0px;
	}
}

/* END MEDIA */