@charset "utf-8";
h1,h2,h3,h4,h5,h6,p,form,ul,body{margin: 0px;padding: 0px;}
@font-face {
    font-family: roboto;
    src:url(../fonts/RobotoCondensed-Regular.ttf), url(../fonts/RobotoCondensed-Regular.eot);
}
@font-face {
    font-family: robotob;
    src:url(../fonts/roboto-bold.ttf), url(../fonts/roboto-bold.eot);
}
@font-face {
    font-family: robotom;
    src:url(../fonts/Roboto-Medium.ttf), url(../fonts/Roboto-Medium.eot);
}
@font-face {
    font-family: robotol;
    src:url(../fonts/RobotoCondensed-Light.ttf), url(../fonts/RobotoCondensed-Light.eot);
}
@font-face {
    font-family: robotobl;
    src:url(../fonts/roboto-black.ttf), url(../fonts/roboto-black.eot);
}
@font-face {
    font-family: fr;
    src:url(../fonts/SVN-Franko.ttf), url(../fonts/SVN-Franko.eot);
}
@font-face {
    font-family: hel;
    src:url(../fonts/UTMHelvetIns.ttf), url(../fonts/UTMHelvetIns.eot);
}
body{font-family:Arial; font-size:14px; line-height:1.5;}
.h1_tieude{
	position: absolute;
	z-index: -1;
	top: -2000px;
}
.clear{
	clear:both;
}
.clear10{
	clear:both;
	height: 10px;
}
.clear60{
	clear:both;
	height: 60px;
}
.clear20{
	clear:both;
	height: 20px;
}
.clear30{
	clear:both;
	height: 30px;
}
.f_none{
	float: none !important;
}
.img_max{
	max-width: 100%;
	height: auto;
}

#wrapper{
	position: relative;
	overflow: hidden;
}
.maxwidth{
	position: relative;
	
}
.maxwidth2{
	position: relative;
	margin: 11px auto;
}
.f_right{
	float: right !important;
}
.d_flex{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.padding0{
	padding: 0px 0px !important;
}
.row0{
	margin: 0px 0px !important;
}
.padding10{
	padding: 0px 5px !important;
}
.row10{
	margin: 0px -5px !important;
}
.padding8{
	padding: 0px 4px !important;
}
.row8{
	margin: 0px -4px !important;
}
.padding16{
	padding: 0px 8px !important;
}
.row16{
	margin: 0px -8px !important;
}
audio{
	width: 100%;
	margin-top:20px;
}
.center{
	text-align: center;
}
#header{
	position: relative;
}
.header{
	background: #0073c3;
    padding-bottom: 50px;
}
#banner{
	position: relative;
}
#banner img{
	width: 100%;
	height: auto;
}
#logo{
	position: absolute;
	top: 0;
	left: 8%;
	bottom:0px;
	z-index: 9;
}
#logo img{
	height: 100%;
}
#logo_m{
	display: none;
	text-align: center;
}
#menu-top{
	position: relative;
	background: #0073c3;
}
.menu-parent{
	list-style:none;
	position: relative;
	margin-bottom: 0px;
	display: inline-block;
	float: left;
}
.menu-parent > li{
	float: left;
	position: relative;
}
.menu-parent > li:hover .text-a{
	color: #f6bf00;
}
.icon-home{
	margin-right: 10px;
	vertical-align: text-top;
}
.icon-home2{
    margin-right: 5px;
    vertical-align: text-top;
    width: 20px;
    margin-top: 2px;
    filter: brightness(0.3);
}
.text-a{
	display: inline-block;
    color: #fff;
    position: relative;
    font-family: roboto;
    padding: 0px 40px;
    font-size: 15px;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 35px;
}
.menu-parent > li:first-child .text-a{
	padding-left: 0px;
	padding-right: 60px;
}
.active2 > a{
	color: #f6bf00;
}
.ul-child{
	position:absolute;
	display:none;
	background-color: rgba(0,115,195,0.8);
	z-index:9999;
	list-style-type:none;
	text-align: left;
	top: 100%;
	left: 0px;
	min-width: 200px;
	border-top: 1px solid #0073c3;
}
.ul-child ul{
	position:absolute;
	display:none;
	background-color: rgba(0,115,195,0.8);
	z-index:9999;
	list-style-type:none;
	top: -1px;
	left: 100%;
	min-width: 200px;
	border-top: 1px solid #0073c3;
}
.ul-child li{
	padding:7px 20px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #0073c3 #0073c3 #0073c3;
	line-height: 18px;
	cursor:pointer;
	position:relative;
}
.ul-child a{
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	white-space: nowrap;
	display: block;
	font-family: roboto;
}
.ul-child li:hover{
	background-color:#0073c3;
}
.ul-child li:hover > a{
	color: #fff;
}
.menu-parent > li:hover .ul-child{
	display:block;	
}
.ul-child > li:hover > ul{
	display: block;
}
.ul-child ul > li:hover ul{
	display: block;
}
.so-left{
	right: 100% !important;
	left: unset !important;
}
#menu-top-rp{
    position: relative;
    z-index: 9999;
    overflow: hidden;
    height: 43px;
    display: none;
}
#content{
	padding: 30px 0px 30px 0px;
	position: relative;
	min-height: 400px;
}
#content2{
	padding: 0px;
}
.content2{
	padding-bottom: 0px !important;
}
.noidung_contact{
	margin-bottom: 30px;
}
.chiase{
	display: flex;
}
#slidernho{
	position: absolute;
    top: 12px;
    right: 8%;
    width: 542px;
}
#slide_trung{
	position: relative;
}
.noidung-slider{
	position: absolute;
	max-width: 650px;
	top: 0px;
	bottom: 0px;
	left: 8%;
	font-size: 15px;
	color: #fff;
	font-family: roboto;
	z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}
.noidung-slider h4{
	color: #fff;
	font-size: 48px;
	font-family: robotob;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.noidung-slider a{
	color: #fff;
	font-size: 15px;
	font-family: roboto;
	margin-top: 30px;
	display: inline-block;
	background: #e20304;
	padding: 11px 49px;
	pointer-events: auto;
}
.noidung-slider a:hover{
	text-decoration: underline;
}
#slide_trung img{
	width: 100%;
	height: auto;
}
#gioithieu{
	position: relative;
	padding: 50px 0px 20px 0px;
}
.hinhgioithieu{
	margin-bottom: 30px;
	text-align: center;
}
.hinhgioithieu img{
	
}
.tengioithieu{
	color: #0073c3;
	font-size: 25px;
	position: relative;
	margin-bottom: 45px;
	text-transform: uppercase;
	font-family: hel;
}
.tengioithieu:after{
	content: '';
	position: absolute;
	background: #e6e6e6;
	width: 200px;
	height: 4px;
	bottom: -25px;
	left: 0;
}
.tengioithieu:before{
	content: '';
	position: absolute;
	background: #0073c3;
	width: 100px;
	height: 4px;
	bottom: -25px;
	left: 0;
	z-index: 9;
}
.motagioithieu{
	color: #333333;
	font-size: 14px;
	font-family: roboto;
	margin-bottom: 30px;
}
.noidungmota{
	position: relative;
}
.tieudegioithieu{
	color: #333333;
	font-size: 15px;
	font-family: roboto;
	position: relative;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.gtimg-box{
	height: 475px;
	position: relative;
}
.gtimg-first {
    width: 512px;
    height: 373px;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    -webkit-animation: runnow 10s infinite;
    -moz-animation: runnow 10s infinite;
    -ms-animation: runnow 10s infinite;
    -o-animation: runnow 10s infinite;
    animation: runnow 10s infinite;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.gtimg-last {
    width: 512px;
    height: 373px;
    z-index: 2;
    -webkit-animation: run 10s infinite;
    -moz-animation: run 10s infinite;
    -ms-animation: run 10s infinite;
    -o-animation: run 10s infinite;
    animation: run 10s infinite;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    position: absolute;
}

.gtimg-box a:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 10px solid rgba(255, 255, 255, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@-moz-keyframes run {
    0% {
        top: 100px;
        left: calc(100% - 515px);
        z-index: 3;
    }

    25% {
        top: 0px;
        left: calc(100% - 515px);
        z-index: 3;
    }

    50% {
        top: 0px;
        left: 0px;
        z-index: 3;
    }

    75% {
        top: 100px;
        left: 0px;
        z-index: 3;
    }

    100% {
        top: 100px;
        left: calc(100% - 515px);
        z-index: 3;
    }
}

@-webkit-keyframes run {
    0% {
        top: 100px;
        left: calc(100% - 515px);
        z-index: 3;
    }

    25% {
        top: 0px;
        left: calc(100% - 515px);
        z-index: 3;
    }

    50% {
        top: 0px;
        left: 0px;
        z-index: 3;
    }

    75% {
        top: 100px;
        left: 0px;
        z-index: 3;
    }

    100% {
        top: 100px;
        left: calc(100% - 515px);
        z-index: 3;
    }
}

@-o-keyframes run {
    0% {
        top: 100px;
        left: calc(100% - 515px);
        z-index: 3;
    }

    25% {
        top: 0px;
        left: calc(100% - 515px);
        z-index: 3;
    }

    50% {
        top: 0px;
        left: 0px;
        z-index: 3;
    }

    75% {
        top: 100px;
        left: 0px;
        z-index: 3;
    }

    100% {
        top: 100px;
        left: calc(100% - 515px);
        z-index: 3;
    }
}

@-moz-keyframes runnow {
    0% {
        top: 0px;
        left: 0px;
        z-index: 1;
    }

    25% {
        top: 100px;
        left: 0;
        z-index: 1;
    }

    50% {
        top: 100px;
        left: calc(100% - 515px);
        z-index: 1;
    }

    75% {
        top: 0px;
        left: calc(100% - 515px);
        z-index: 1;
    }

    100% {
        top: 0px;
        left: 0;
        z-index: 1;
    }
}

@-webkit-keyframes runnow {
    0% {
        top: 0px;
        left: 0px;
        z-index: 1;
    }

    25% {
        top: 100px;
        left: 0;
        z-index: 1;
    }

    50% {
        top: 100px;
        left: calc(100% - 515px);
        z-index: 1;
    }

    75% {
        top: 0px;
        left: calc(100% - 515px);
        z-index: 1;
    }

    100% {
        top: 0px;
        left: 0;
        z-index: 1;
    }
}

@-o-keyframes runnow {
    0% {
        top: 0px;
        left: 0px;
        z-index: 1;
    }

    25% {
        top: 100px;
        left: 0;
        z-index: 1;
    }

    50% {
        top: 100px;
        left: calc(100% - 515px);
        z-index: 1;
    }

    75% {
        top: 0px;
        left: calc(100% - 515px);
        z-index: 1;
    }

    100% {
        top: 0px;
        left: 0;
        z-index: 1;
    }
}
#tags{
	list-style: none;
	display: block;
	color: #fff;
	font-size: 14px;
	font-family: robotob;
	border-top: 1px solid #5f5f5f;
	padding-top: 22px;
	margin-bottom: 20px;
}
#tags ul{
	vertical-align: -webkit-baseline-middle;
	display: inline-block;
}
#tags ul li{
	float: left;
	margin: 0px 0px 10px 20px;
}
#tags a{
	color: #1a1a1a;
	font-size: 14px;
	font-family: roboto;
	position: relative;
	display: block;
	padding: 4px 20px 5px 10px;
	background: #d2d3d3;
}
#tags a:after{
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	border-top: 15px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 10px solid #d2d3d3;
}
#tags a:before{
	content: '';
	position: absolute;
	top: 11px;
	right: -1px;
	background: #fff;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	box-shadow: -1px 0px 0px #333;
	z-index: 9;
}
#tags a:hover{
	text-decoration: underline;
}
#content-top{
	position: relative;
	padding: 30px 0px 0px 0px;
}
.box-gioithieu{
	padding: 38px 60px;
	background: #fff;
	margin-top: -101px;
	position: relative;
	z-index: 99;
}
#box-hinhanh{
	margin-bottom: 30px;
}
#content-right{
	
}
.content-right{
	background: #fff;
	padding: 20px;
}
#content-bot{
	padding: 50px 0px 0px 0px;
}
#content-mid{
	padding: 50px 0px 20px 0px;
	background: url(../images/bg-tuvan.jpg) left no-repeat,url(../images/bg-dangkiem.jpg) right no-repeat;
	background-size: 50% 100%;
}
.bg-ngay{
	background: url(../images/bg-ngay.png);
	width: 78px;
	height: 78px;
	position: absolute;
	bottom: 0;
	left: 20px;
	color: #141414;
	font-family: open;
	font-size: 14px;
	text-align: center;
}
.bg-ngay b{
	font-size: 25px;
	font-family: openb;
	display: inline-block;
	border-bottom: 1px solid #141414;
	margin-top: 10px;
	margin-bottom: 3px;
	padding: 3px 10px;
}

.bg-hotro img{
	max-width: 100%;
	height: auto;
}
#content-left{
	margin: 27px 0px 27px;
	float: left;
}
.lh-muahang{
	background: #23a21b;
	padding: 10px;
	color: #fff;
	font-family: robotol;
	font-size: 20px;
	text-align: center;
	position: relative;
	padding-left: 50px;
}
.lh-muahang:after{
	content: '';
	position: absolute;
	background: #0073c3 url(../images/tuvan-phone.png) center no-repeat;
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
}
.list-video{
	background: #fff;
    border: 1px solid #e6e4dc;
    height: 40px;
    width: 100%;
    outline: none;
}
.quangcao{
	display: block;
	position: relative;
	margin-bottom: 56px;
}
.quangcao img{
	width: 100%;
	height: auto;
}
.tieude-bot{
    margin-bottom: 20px;
    background: url(../images/bg-tieudebot.png) center repeat-x;
}
.tieude-bot h2{
	color: #363636;
	font-size: 24px;
	font-family: robotob;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	background: #fff;
	padding-right: 10px;
}
.tieude-bot h2:after{
	content: '';
	position: absolute;
	background: #0073c3;
	width: 16px;
	height: 15px;
	top: 6px;
    right: -16px;
}
.bg-tieudesanpham{
	position: relative;
	margin-bottom: 30px;
	text-align:center;
	background: url(../images/bg-tieudesanpham.png) bottom center no-repeat;
	padding-bottom: 25px;
}
.bg-tieudesanpham h2{
	color: #0073c3;
	font-size: 20px;
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	font-family: hel;
}
.bg-tieudesanpham a{
	color: #0282c1;
	font-size: 14px;
	display: inline-block;
	position: relative;
	font-family: lato;
	float: right;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 14px;
}
.bg-tieudesanpham a:hover{
	text-decoration: underline;
}
.bg-tieudesanpham p{
	color: #5c5c5c;
	font-family: roboto;
	font-size: 15px;
	margin-top: 10px;
}
.bg-tieude{
    margin-bottom: 40px;
}
.bg-tieude h2{
	color: #fff200;
}
.product-all{
	margin-bottom: 56px;
}
.product-all:last-child{
	margin-bottom: 0px;
}
.product-list{
	border:1px solid #e6e6e6;
	text-align: center;
}
.product-list h3{
	background: #0073c3;
	padding: 10px 10px;
}
.product-list h3 a{
	color: #fff;
	font-size: 14px;
	font-family: robotom;
	text-transform: uppercase;
}
.product-list h3 a:hover{
	color: #f6bf00;
}
.noidung-list
{
	margin-bottom: 30px;
}
.product{
	position: relative;
	margin-bottom: 8px;
	border:1px solid #e6e6e6;
	text-align: center;
}
.product2{
	position: relative;
	text-align: center;
}
.hinh-product{
	overflow: hidden;
	position: relative;
	padding: 0px;
}
.hinh-product a{
	display: block;
	overflow: hidden;
}
.hinh-product:hover img{
	transform: scale(1.1);
}
.xemchitiet{
    color: #999999;
    display: inline-block;
    font-family: hell;
    font-size: 14px;
    margin-top: 10px;
    text-transform: uppercase;
}
.xemchitiet:hover{
	text-decoration: underline;
}
.icon-moi{
	position: absolute;
	background: #0073c3;
	width: 43px;
	height: 24px;
	top: 3px;
	left: 0px;
	color: #fff;
	font-size: 14px;
	font-family: robotob;
	text-transform: uppercase;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	pointer-events: none;
	z-index: 9;
}
.icon-moi:before{
	content: '';
	position: absolute;
	border-top:1.6px solid transparent;
	border-right:1.6px solid transparent;
	border-bottom:1.6px solid #0073c3;
	border-left:1.6px solid #0073c3;
	bottom: 100%;
	left: 0;
}
.icon-moi:after{
	content: '';
	position: absolute;
	border-top:1.6px solid #0073c3;
	border-right:1.6px solid #0073c3;
	border-bottom:1.6px solid transparent;
	border-left:1.6px solid transparent;
	top: 100%;
	right: 0;
}
.icon-km{
	position: absolute;
	background: #eb6f00;
	padding: 2px 13px;
	bottom: 10px;
	right: 10px;
	color: #fff;
	font-size: 13px;
	font-family: roboto;
	border-radius: 15px;
	pointer-events: none;
	z-index: 9;
}
.icon-km2{
	position: relative;
	display: inline-block;
	bottom: 2px;
    right: -10px;
}
.ten-product{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-transform: uppercase;
	color:#fff;
}
.ten-product a{
	color:#fff;
	font-size: 14px;
	font-family: robotom;
	position: relative;
}
.ten-product:hover{
	color: #f6bf00;
}
.ten-product a:hover{
	color: #f6bf00;
}
.muahang{
	border:1px solid #ccc;
	border-radius: 5px;
	padding: 4px 33px 4px 52px;
	color: #1b1b1b;
	font-family: roboto;
	font-size: 12px;
	display: inline-block;
	background: url(../images/icon-gh.jpg) 25px no-repeat;
	margin-top: 10px;
	cursor: pointer;
}
.muahang:hover{
	text-decoration: underline;
}
.phantram{
	background: #0073c3;
	color: #fff;
	font-size: 13px;
	padding: 2px 3px;
	position: absolute;
	font-family: roboto;
    top: 9px;
    right: 9px;
    border-radius: 3px;
}
.phantram:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -4px;
	border-top:3px solid #0073c3;
	border-right:3px solid transparent;
	border-bottom:3px solid transparent;
	border-left:3px solid #0073c3;
}
.bt-dathang{
	color: #fff;
	font-size: 14px;
	font-family: latoh;
	background: #0282c1;
	display: inline-block;
	padding: 5px 17px 4px 17px;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
	margin-top: 15px;
}
.bt-dathang:after{
	content: '';
	position: absolute;
	background: url(../images/after-dathang.png);
	width: 29px;
	height: 30px;
	top: 0;
	left: 100%;
}
.bt-dathang:hover{
	text-decoration: underline;
}
.masp{
	color: #333333;
	font-size: 14px;
	font-family: fu;
	margin-bottom: 5px;
}
.mota-product{
	background: #0073c3;
	padding: 10px;
}
.desc-product{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.8);
	padding: 10px;
	color: #fff;
	font-family: roboto;
	pointer-events: none;
	opacity: 0;
	overflow: hidden;
}
.product:hover .desc-product{
	opacity: 1;
}
.box-gia{
	background: #0073c3;
	padding: 10px 20px;
	border-radius: 5px;
	margin: 10px 0px;
}
.gia-product{
	color:#fff;
	font-size: 16px;
	font-family: roboto;
	display: inline-block;
}
.gia-product b{
	color: #f6bf00;
	font-family: robotob;
}
.gia-cu{
	color: #737373;
	text-decoration: line-through;
	font-size: 15px;
	margin-right: 0px;
}
.gia-product2{
	font-size: 20px;
}
.gia-cu2{
	font-size: 16px;
}
.tinhtrang{
	color: #fff;
	font-size: 16px;
	font-family: roboto;
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #fff;
	margin-left: 20px;
	padding-left: 20px;
}
.tinhtrang b{
	font-family: robotob;
	text-transform: uppercase;
}
.box-xemthem{
	text-align: center;
	margin-top: 10px;
}
.xemthem{
	color: #333;
    display: inline-block;
    font-size: 13px;
    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    font-family: roboto;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-radius: 30px;
    margin-top: 20px;
}
.xemthem:hover{
	border: 1px solid #0073c3;
    background: #0073c3;
    color: #fff;
}
.xemtatca{
	color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-top: 15px;
    background: #0073c3;
    padding: 9px 18px;
}
.xemtatca:hover{
	text-decoration: underline;
}
.nut-dathang{
	color: #fff;
    background: #ff0000;
    padding: 5px 13px;
    font-size: 12px;
    font-family: latob;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    margin-top: 15px;
}
.nut-dathang:after{
	content: '';
	position: absolute;
	border-top:14px solid #f00;
	border-right: 5px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 5px solid #f00;
	top: 0;
	left: 100%;
}
.nut-dathang:before{
	content: '';
	position: absolute;
	border-top:14px solid #f00;
	border-right: 5px solid #f00;
	border-bottom: 14px solid transparent;
	border-left: 5px solid transparent;
	top: 0;
	right: 100%;
}
.nut-dathang:hover{
	text-decoration: underline;
}
a{
	text-decoration:none;
}
.bg-content{
	background: url(../images/bg-content.jpg) bottom repeat-x;
	padding-bottom: 30px;
    margin-bottom: 40px;
}
#box-doitac{
    position: relative;
    padding: 15px 0px 45px 0px;
}
#box-doitac img{
	display: inline-block;
	margin-right: 13px;
	border:1px dotted #dbdbdb;
	background: #fff;
}
#footer{
    position: relative;
    color: #333333;
    font-family: roboto;
    font-size: 15px;
    padding: 17px 0px 0px 0px;
    background: #e6e6e6;
}
#footer table{
	width: 100% !important;
}
#footer img{
	max-width: 100%;
	height: auto;
}
.footer{
	padding: 50px 38px 20px 38px;
	background: rgba(247,98,32,0.3);
}
.box-mxh2{

}
.box-mxh2 a{
	display: inline-block;
	margin: 13px 13px 0px 0px;
}
#listlkweb{
	color: #4c4c4c;
	font-size: 14px;
	font-family: roboto;
	background: #fff;
	outline: none;
	width: 100%;
	height: 41px;
	border:none;
}
.tieude-congty{
	color: #0073c3;
	font-size: 38px;
	font-family: qs;
	margin-bottom: 25px;
}
.tieude-footer{
	color: #0073c3;
	font-size: 15px;
	margin-bottom: 15px;
	font-family: robotob;
	position: relative;
	text-transform: uppercase;
}
.tieude-footer:after{
	content: '';
	position: absolute;
	background: #0073c3;
	width: 40px;
	height: 3px;
	left: 0;
	bottom:-10px;
}
.congty{
	margin-bottom: 17px;
}
.thongtin{
	margin-bottom: 17px;
}
.thongtin ul{
	display: inline-block;
}
.thongtin li{
	list-style: none;
}
.thongtin li a{
	font-size: 14px;
	font-family: roboto;
	color: #333333;
}
.thongtin li a:hover{
	text-decoration: underline;
}
.thongke{
	display: inline-block;
	float: right;
}
.thongke p{
	font-size: 12px;
	font-family: robotom;
	color: #333333;
	display: inline-block;
	padding: 0px 10px;
	border-right: 1px solid #333333;
	line-height: 11px;
}
.thongke p:last-child{
	padding-right: 0px;
	border-right: none;
}
.thongke p:first-child{
	padding-left: 0px;
}
.thongke img{
	margin-right: 5px;
}
.thongke font{
	color: #333333;
	font-family: robotob;
}

.box-fanpage{
	margin-bottom: 30px;
}
#chinhanh{
	position: relative;
}
.icon-cart{
	position: relative;
	margin-top: 45px;
	display: inline-block;
	margin-left: 40px;
}
.click_search{
	cursor: pointer;
	position: relative;
	display: inline-block;
	margin-top: 16px;
	margin-left: 20px;
}
#timkiem{
    width: 233px;
    height: 32px;
    background: #fff;
    border-radius: 30px;
    float: right;
    position: relative;
    margin-top: 8px;
}
.timkiem{
    height: 32px;
    width: 200px;
    color: #858585;
    outline: none;
    background: none;
    border: none;
    padding: 0px 10px;
    float: left;
    font-size: 13px;
    font-family: roboto;
}
.bt-timkiem{
	border: none;
	background: url(../images/icon-search.png) center no-repeat;
	outline: none;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
#timkiem_m{
    width: 190px;
    height: 30px;
    z-index: 999;
    border: none;
    float: right;
    position: relative;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    margin-right: 15px;
    margin-top: 6px;
}
.timkiem_m{
	border: none;
    height: 28px;
    width: 165px;
    color: #888888;
    outline: none;
    background: none;
    padding: 0px 10px;
    float: left;
    font-size: 13px;
    font-family: roboto;
}
.bt-timkiem_m{
	border: none;
    background: url(../images/icon-search2.png) no-repeat;
    outline: none;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 4px;
    right: 6px;
    cursor: pointer;
}
#product-detail{

	
}
#product-detail #left{
	text-align: center;
	margin-bottom: 30px;
}

#product-detail #left img{
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}
#product-detail #right h2{
	color: #0073c3;
	font-family: tra;
	font-size: 33px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 20px;
}
#product-detail #right h2:after{
	content: '';
	position: absolute;
	background: url(../images/bg-noibat.png);
	height: 20px;
	top: 10px;
	left:240px;
	right: 0;
}
#product-detail #right h1{
	color: #000;
	font-family: robotob;
	font-size:20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#product-detail #right h3{
	color: #000;
	font-family: latoh;
	font-size:16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.showhinh{
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}
.tieude_lh{
	font-size: 30px;
	color: #c61130;
	font-family: fuh;
}
.chitietsanpham{
	position: relative;
	color: #000;
	font-size: 15px;
	font-family: roboto;
	margin-bottom: 10px;
}
.chitietsanpham strong{
	font-family: robotob;
}
.thongtinkh-left{
	margin-bottom: 30px;
}
.img_bv{
	text-align: center;
}
.thongtinkh{
	background: #f4f4f4;
	padding: 30px;
}
.box-chitiet{
	background: #ebebeb;
	color: #1c1c1c;
	font-size: 16px;
	padding: 11px 20px;
	margin:5px 0px;
}
.box-chitiet img{
	margin-right: 5px;
}

.mausac{
	
}
.mausac font{
	height: 26px;
	display: grid;
}
.size{
	line-height: 26px;
}
.thuoctinh{
	border: 1px solid #ccc;
	height: 30px;
    min-width: 30px;
    padding: 1px;
    display: inline-block;
    margin-right: 5px;
	position: relative;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	margin-bottom: 5px;
}
.thuoctinh:hover{
	border: 2px solid #e5101d;
	padding: 0px;
}
.is-active{
	border: 2px solid #e5101d;
	padding: 0px;
}
.cum-thuoctinh{
	background: #f5f5f5;
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
}
.cum-thuoctinh b{
	display: block;
	font-family: fub;
	margin-bottom: 5px;
}
.cum-mausize{
	display: inline-block;
	margin-left: 20px;
}
.ic-check{
	width: 0;
    height: 0;
    border-bottom: 14px solid #e5101d;
    border-left: 14px solid transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
.ic-check i{
	font-size: 8px;
    color: #fff;
    position: relative;
    left: -8px;
    top: 5px;
}
.thuoctinh > input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.gia{
	padding-left: 0px;
	color: #333;
}
.hinhgh{
	
}
.mausize{
	margin: 10px 0px;
	display: inline-block;
}
.giohang{
	float: right;
	margin-left: 100px;
	margin-top: 10px;
	position: relative;
	display: inline-block;
}
.giohang a{
	color: #fff;
	font-family: robotol;
	font-size: 13px;
	display: block;
}
.giohang a:hover{
	text-decoration: underline;
}
.giohang span{
	position: absolute;
	background: #23a21b;
    font-size: 14px;
    font-family: robotob; 
    color: #fff;
    display: inline-block;
    top: -5px;
    right: 50px;
    padding: 2px 8px;
    border-radius: 20px;
}
.giohang img{
	float: left;
	margin-right: 10px;
	background: #fff;
	padding: 9px 10px 9px 8px;
    border-radius: 3px;
}
#thuvien{
	padding: 50px 0px;
}
.thuvien{
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}
.thuvien > a{
	display: block;
	overflow: hidden;
}
.thuvien:hover img{
	transform: scale(1.1);
}
.thuvien h3 a{
	display: block;
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: robotob;
	font-size: 15px;
	text-transform: uppercase;
	pointer-events: none;
	opacity: 0;
}
.thuvien:hover h3 a{
	opacity: 1;
	color: #ff0;
}
#tintuc{
	padding: 20px 0px 20px 0px;
}
.tintuc{
	position: relative;
	border: 1px solid #cccccc;
	margin-bottom: 18px;
}
.hinh-tintuc{
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	text-align: center;
}
.hinh-tintuc:hover img{
	transform: scale(1.1);
}
.bgdate{
	color: #bdbdbd;
	font-family: roboto;
	font-size: 13px;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.bgdate a{
	color: #bdbdbd;
}
.bgdate a:hover{
	text-decoration: underline;
}
.tintuc h3 a{
	color: #333333;
	font-size: 15px;
	display: block;
	font-family: robotob;
	margin-bottom: 10px;
}
.tintuc h3 a:hover{
	color: #0073c3;
}
.tintuc p{
	color: #5c5c5c;
	font-size: 13px;
	font-family: roboto;
}
.logo_bot{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.logo_bot img{
	margin-bottom: 30px;
}
.logo_bot h2{
	color: #0073c3;
	font-family: robotob;
	font-size: 30px;
	text-transform: uppercase;
}
.list-tintuc{
	list-style: none;
	margin-bottom: 22px;
}
.list-news{
	list-style: none;
	margin-bottom: 18px;
}
.list-news:nth-child(2n+3){
	clear: both;
}
.ngay_luot{
	font-style: italic;
	color: #888888;
	margin-bottom: 5px;
}
.ngaydang{
    background: url(../images/icon-ngaydang.png) left top no-repeat;
    padding-left: 25px;
    display: inline-block;
    font-size: 14px;
}
.luotxem{
    background: url(../images/icon-luotxem.png) left center no-repeat;
    padding-left: 25px;
    display: inline-block;
    margin: 5px 0px 5px 34px;
}
.hinhanh{
	border:1px solid #d1d1d1;
	padding: 13px;
}
.news_left{
	z-index: 9;
}
.news_left2{
	float: right !important;
}
.news_left img{

}
.news_right{
	float:none !important;
}
.news_right h3 a{
	font-family: robotob;
	color:#212121;
	font-size: 16px;
	position: relative;
	margin-bottom: 10px;
	display: block;
	max-height: 34px;
    overflow: hidden;
}
.news_right h3 a:hover{
	text-decoration: underline;
}
.news_right p{
	color: #212121;
	font-family: roboto;
	font-size: 14px;
	height: 68px;
    overflow: hidden;
}
.mota-tintuc{
	padding: 10px;
}
.img_phanhoi{
	border-radius: 100%;
}
.news-noibat{
	position: relative;
	margin-bottom: 30px;
}
.hinh-news{
	overflow: hidden;
	display: block;
}
.news-noibat h3 a{
	color:#212121;
	font-size: 16px;
	font-family: robotob;
	margin-top: 20px;
	margin-bottom: 10px;
	display: block;
}
.news-noibat h3 a:hover{
	text-decoration: underline;
}
.news-noibat p{
	color: #212121;
	font-size: 14px;
	font-family: roboto;
}
.ngaytao{
	background: #f17900;
	color: #fff;
	font-size: 16px;
	font-family: roboto;
	text-transform: uppercase;
	display: inline-block;
	position: absolute;
	top: 14px;
	right: 19px;
	padding: 5px 10px;
}
.ngaytao span{
	font-size: 12px;
}
.box-tintuc{
	margin-bottom: 30px;
}
#box-thongke{
	position: relative;
}
#box-thongke img{
	float: left;
	margin-right: 10px;
}
#box-thongke p{
	font-size: 14px;
	color: #fff;
	font-family: roboto;
	margin-bottom: 1px;
}
.title_news{
	font-family: robotob;
	color:#000;	
	margin: 0px;
	font-size: 25px;
	margin-bottom: 10px;
}
.zalo-share-button{
	margin-right: 5px;
}
.tintuc-all{

}
.ta-donhang{
	overflow-x:auto;
	margin-bottom: 30px;
}
.bang{
	border: 1px solid #e1e1e1;
	border-bottom: none;
	background: #fff;
}
.cot-bang{
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	height: 140px;
	display: flex;
	align-items: center;
}
.cot-bang:nth-child(-n+3){
	height: unset;
}
.cot-bang:nth-child(-n+3) h4{
	padding: 10px;
	font-family: fu;
}
.cot-bang:nth-child(3n+3){
	border-right: none;
}
.cot-bang:nth-child(3n+4){
	clear: both;
}
.box-ttsp{
	padding: 10px;
	font-family: fu;
}
.box-ttsp a{
	color: #000;
	display: block;
	text-align: center;
}
.box-ttsp a:hover{
	text-decoration: underline;
}
.box-ttsp .hinhgh{
	width: calc(100% - 90px);
}
.box-ttsp .tensp-gh{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ttsp-tieptuc{
	text-align: right;
}
.ttsp-tieptuc a{
	margin-left: 10px;
	font-size: 14px;
}
.tkgh{
	padding: 20px 0px;
	font-family: fu;
	font-size: 15px;
}
.noidung img{
	max-width: 100% !important;
	height: auto !important;
}
.noidung ul{
	margin: 1em;
	padding-left: 40px;
}
.noidung p{
	margin: 1em 0px;
}
.othernews{
	padding:10px 0px;
}
.othernews h3{
	font-family: robotob;
	font-size: 18px;
}
.othernews ul{
	padding: 10px 40px;
}
.othernews li{
	position: relative;
	list-style: none;
	margin-bottom: 10px;
}
.othernews li:after{
	content: '\f0da';
    font: normal normal normal 20px/1 FontAwesome;
    position: absolute;
    left: -15px;
    top: 1px;
    color: #0073c3;
}
.othernews a{
	color: #333333;
	font-size: 15px;
	font-family: roboto;
}
.othernews a:hover{
	text-decoration: underline;
}
.othernews font{
	color: #666;
}
.usual{
	
}
.usual ul.tab_content{
	margin:0px;
	padding:0px;
	display: flow-root;
    border-bottom: 1px solid #0073c3;
    height: 43px;
}
.usual ul.tab_content li {
    float: left;
    list-style: none outside none;
}
.usual ul.tab_content li:last-child{
	background: none;
}
.usual ul.tab_content a {
   
    color: #333;
    display: block;   
    padding: 5px 15px;
    font-family: roboto;
    font-size: 18px;
    
}
.usual ul.tab_content a:hover {
    color: #333333;
}
.usual ul.tab_content a.selected {
	border-top: 5px solid #0073c3;
	border-bottom: 1px solid #fff;
    border-left: 1px solid #0073c3;
    border-right: 1px solid #0073c3;
    color: #0073c3;
    cursor: default; 
	
}
.content_tab{
	border-left: 1px solid #0073c3;
    border-right: 1px solid #0073c3;
    border-bottom: 1px solid #0073c3;
    padding: 20px;
    position: relative;
    top: -1;
}
.usual ul.tab_content2{
	margin:0px;
	display: block;
	margin-bottom: 15px;
    text-align: center;
}
.usual ul.tab_content2 li {
    position: relative;
    display: inline-block;
    margin: 0px 5px 10px 5px;
}
.usual ul.tab_content2 a {
    color: #333;
    display: block;   
    font-size: 13px;
    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    font-family: roboto;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-radius: 30px;
}
.usual ul.tab_content2 a:hover {
	border: 1px solid #0073c3;
	background: #0073c3;
	color: #fff;
}
.usual ul.tab_content2 a.selected {
	border: 1px solid #0073c3;
	background: #0073c3;
	color: #fff;
	cursor: default;
}
.usual3{
	border-top: 1px solid #e2e2e2;
}
.usual ul.tab_content3{
	margin:0px;
	padding:0px;
	display: block;
	margin-bottom: 20px;
	text-align: center;
	position: absolute;
	top: 9px;
	right: 10px;
	z-index: 9;
}
.usual ul.tab_content3 li {
    display: inline-block;
    list-style: none outside none;
    position: relative;
    margin: 0px 0px 10px 8px;
}
.usual ul.tab_content3 a {
    color: #494949;
    display: block;   
    padding: 8px 20px;
    font-family: fu;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    background: #fff;
}
.usual ul.tab_content3 a:hover {
	background: #0073c3;
	color: #fff;
}
.usual ul.tab_content3 a.selected {
	background: #0073c3;
	color: #fff;
    cursor: default; 
    
}
ul.pagination {
    text-align:center;
    color:#829994;
    margin-top: 20px;
}
ul.pagination li {
    display:inline-block;
    padding:0 3px;
    margin-bottom: 5px;
}
ul.pagination a {
    color:#959595;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #cde0dc;
    text-decoration:none;
}
ul.pagination a:hover, 
ul.pagination a.current {
    background:#0073c3;
    color:#fff; 
}
#contact{
	color:black;
	float: left;
	width: 500px;
}
#contact table{
	margin:10px 10px;
}

#rib{
	background: #f0f0f0;
	color: #373737;
	font-size: 13px;
	font-family: roboto;
	padding: 10px 0px;
}
#rib p{
	float: left;
	margin-right: 95px;
}
#rib p img{
	margin-right: 9px;
	vertical-align: unset;
}
.rib-email{
	float: right !important;
	margin-right: 46px;
}
.rib-email b{
	color: #fff;
	font-weight: normal;
}
#ngonngu{
	float: right;
	margin-top: 6px;
}
#ngonngu_mb{
	float: right;
	margin-right: 15px;
	margin-top: 9px;
}
.ngonngu{
	display: inline-block;
	margin-left: 20px;
	color: #fff;
	font-family: roboto;
	font-size: 15px;
}
.ngonngu img{
	margin-left: 10px;
	vertical-align: text-top;
}
.icon-email{
	float: right !important;
	border-right: 1px solid #e5e5e5;
	padding-right: 13px !important;
}
.box-mxh{
	float: right;
}
.box-mxh a{
    display: inline-block;
    margin: 0px 0px 0px 12px;

}
#khachhang{
	padding: 20px;
	position: relative;
	border:1px solid #d5d5d5;
	box-shadow: 0px 0px 2px #ccc;
}
.khachhang{
	position: relative;
}
.khachhang img{
	margin-right: 10px;
	float: left;
	border-radius: 100%;
}
.khachhang img:hover{
	transform: rotate(360deg);
}
.khachhang h3{
	color: #090909;
	font-family: latob;
	font-size: 17px;
	text-transform: capitalize;
	margin-bottom: 5px;
	margin-top: 20px;
	display: inline-block;
}
.khachhang span{
	color: #a1a1a1;
	font-family: lato;
	font-size: 15px;
	font-style: italic;
	display: block;
}
.khachhang p{
	color: #313131;
	font-family: lato;
	font-size: 14px;
	background: url(../images/icon-kep.png) top left no-repeat;
	margin-top: 10px;
	padding-top: 25px;
}
#tieuchi{
	padding-top: 34px;
}
.tieuchi{
	position: relative;
	border:1px solid #bebebe;
	padding: 20px 38px;
}
.hinh-tieuchi{
	position: relative;
	margin-right: 15px;
	float: left;
}
.tieuchi h3{
	font-family: roboto;
	font-size: 15px;
	color: #3a3a3a;
	line-height: 20px;
}
.tieuchi p{
	color: #6b6b6b;
	font-size: 13px;
	font-family: roboto;
}
.slogan{
	background: #015590;
	color: #fff;
	font-size: 13px;
	font-family: latob;
	padding: 10px 0px;
}
#hotline{
	position: absolute;
	color: #323232;
	font-size: 15px;
	font-family: roboto;
	top: 20%;
	right: 8%;
}
#hotline img{
	float: left;
	margin-right: 10px;
	position: relative;
}
#hotline p{
	float: left;
	line-height: 22px;
}
#hotline b{
	color: #ed1c24;
	font-size: 22px;
	font-family: robotob;
}
.cart-hotline{
	border-radius: 3px;
	border:1px solid #fff;
	padding: 8px 11px;
}
.lienhe-hotline{
	margin-top: 8px;
}
#hotline a{
	color: #fff;
}
#hotline a:hover{
	text-decoration: underline;
}
.button{
	background: #ff0000;
	border: 1px solid #fff;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	padding: 5px 30px;
	margin-right:5px;
	cursor: pointer;
	outline-color:#ff0000;
}
.input{
    border: 1px #E9E9E9 solid;
    azimuth: center;
    width:450px;
    margin: 0 auto;
	margin-bottom:15px;
    
    line-height: 30px;
    height: 30px;
    border: 1px solid #61381;
    border-radius: 4px;
}
.ta_noidung{
	border: 1px #E9E9E9 solid;
    azimuth: center;
    width:450px;
    margin: 0 auto;
	margin-bottom:15px;
    
    line-height: 30px;
    border: 1px solid #61381;
    border-radius: 4px;
}
.tablelienhe td{
	vertical-align:top;
}
.control-label{
	text-align: left !important;
}
#backtotop{
	border:none;
	position: fixed;
	right: 15px;
	bottom: 58px;
	opacity: 0.5;
	z-index: 1;
	cursor:pointer;
	
}
#backtotop:hover{
	opacity:1;
}
#xodoc{
    float: left;
    font-family: lato;
    font-size: 16px;
    color: #000;
    padding: 24px 16px 24px 19px;
    cursor: pointer;
    position: relative;
    line-height: 16px;
}
#xodoc:after{
	content: '';
	position: absolute;
	border-top: 40px solid #ffea00;
	border-right: 10px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 10px solid #ffea00;
	top: 0;
	left: 100%;
}
#xodoc > i{
	margin-right: 14px;
    font-size: 28px;
    float: left;
    margin-top: 2px;
}
#box-menu{
	border: 1px solid #cacaca;
	border-top: none;
	width: 260px;
	float: left;
	position: absolute;
	z-index: 99;
	background: #fff;
	display: none;
	top: 100%;
    left: 0;
    
}
#xodoc:hover #box-menu{
	display: block;
}
.show_menu{
	display: block !important;
}
.i-down{
	height: 10px;
    background: #fff;
    text-align: center;
}
.i-down i{
	color: #000;
    font-size: 16px;
}
.trove{
	display: inline-block;
    margin-bottom: 10px;
    font-family: roboto;
}
.trove:hover{
	text-decoration: underline;
}
.list-danhmucsanpham{
	background: #0073c3;
	position: absolute;
	width: 270px;
	left: -282px;
	z-index: 999;
}
.tieude-list{
	background: #0073c3;
	color: #fff;
	font-size: 15px;
	font-family: roboto;
	text-transform: uppercase;
	padding: 10px 10px 10px 15px;
	border-bottom: 1px solid #1257bf;
}
.tieude-list img{
	margin-right: 30px;
	vertical-align: unset;
}
#nav-ul{
	list-style:none;
    text-align: left;
    width: 270px;
    background:#0073c3;
}
.nav-li{
	position: relative;
	padding: 10px 15px 10px 27px;
    border-bottom: 1px solid #1257bf;
    background: url(images/icon-list.png) 12px 18px no-repeat;
}
.nav-li img{
	float: left;
	margin-top: 7px;
    margin-right: 10px;
}
.nav-li i{
	float: right;
	font-size: 15px;
    color: #4e4e4e;
    margin-top: 4px;
}
.nav-li:last-child{
	border: none;
}
.nav-li:hover > .nav-a{
	color: #f6bf00;
}
.nav-a{
	display:block;
	color:#fff;
	font-size: 14px;
	font-family: robotom;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-transform: uppercase;
}
.nav-a2{
    display:block;
	color:#fff;
	font-size: 14px;
	font-family: robotom;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.nav-active{

}
.nav-active .nav-a{
	color: #f6bf00;
}
.nav-ul-child{
	display: none;
	list-style: none;
	position: absolute;
	top: 0;
	left: 100%;
	background: #0073c3;
}
.nav-li-child:hover > .nav-a2{
	color: #f6bf00;
}
.nav-li:hover > .nav-ul-child{
	display: block;
}
.nav-li-child{
	padding: 10px 15px 10px 25px;
    border-bottom: 1px solid #1257bf;
    min-width: 200px;
    background: url(images/icon-list.png) 10px 18px no-repeat;
    position: relative;
}
.nav-li-child:last-child{
	border-bottom: none;
}
.nav-li-child:hover .nav-ul-child{
	display: block;
}
.nav-ul-child ul{
	list-style:  none;
}
.nav-ul-child ul li a{
	display:block;
	color:#fff;
	font-size: 14px;
	font-family: roboto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.nav-ul-child ul li a:hover{
	color: #0073c3;
}
.video{
	margin-bottom:30px;
	padding:9px 9px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.bg-video{
	overflow: hidden;
	position: relative;
}

.hinh-video{
	overflow: hidden;
	position: relative;
}
.hinh-video:after{
	content: '';
	position: absolute;
	background: url(../images/icon-play.png) center no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
.bg-video:hover img{
	transform: scale(1.1);
}
.ten-video{
	font-family: mulib;
	font-size: 15px;
	text-align: center;
	margin: 20px 0px;
	text-transform: uppercase;
}
.ten-video a{
	color:#000;
}
.ten-video a:hover{
	color: #0073c3;
}
.tieude-noibat{
	border:1px solid #ececec;
	border-top: 3px solid #0fb866;
	padding: 7px 10px;
	margin-bottom: 23px;
}
.tieude-noibat h2{
	color: #0fb866;
	font-size: 25px;
	text-transform: uppercase;
	font-family: qm;
	position: relative;
	display: inline-block;
}
.tieude-noibat a{
	color: #d61a1a;
	font-family: muli;
	font-size: 14px;
	display: inline-block;
	float: right;
	margin-top: 3px;
}
.tieude-noibat a:hover{
	border-bottom: 1px solid #d61a1a;
}
.tieude{
    margin-bottom: 20px;
}
.tieude h2{
	color: #fff;
	font-size: 18px;
	font-family: fu;
	display: inline-block;
    margin: 0px;
    position: relative;
}
#footer1{display: none;}
#footer1 img{
	width: 30%;
    max-width: 35px;
    vertical-align: middle;
}
#footer1 a{
	color: #fff;
}
#content-1{
	border:1px solid #ccc;
	width:115px;
	padding:3px 0px 3px 3px;
	margin-left:6px;
	height:400px;
	margin-top:40px;
}
#anhien{
	display: none;
}
#dichvu{
	background: url(../images/bg-dichvu.jpg) center no-repeat;
	background-size: cover;
	padding: 50px 0px;
}
.dichvu{
	position: relative;
	text-align: center;
}
.hinh-dichvu{
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 100%;
	border:5px solid #005ea8;
	display: inline-block;
}
.hinh-dichvu:hover img{
	transform: rotate(360deg);
}
.dichvu h3 a{
	display: block;
	color: #fff;
	font-size: 18px;
	font-family: robotob;
	text-transform: uppercase;
}
.dichvu h3 a:hover{
	color: #fff200;
}
.dichvu p{
	color: #353535;
	font-size: 14px;
	font-family: roboto;
	padding: 0px 15px;
}

.owl-nav button{
	position: absolute;
	top: 20%;
	outline: none;
}
.owl-nav button span{
	font-size: 60px;
	color: #0073c3;
}
.owl-prev{
	left: -17px;
}
.owl-next{
	right: -17px;
}
#listVideo{
	background: #fff;
	height: 30px;
	width: 100%;
	outline: none;
	color: #333333;
	font-family: roboto;
	font-size: 13px;
	border:1px solid #0b7ef4;
}

#box-video{
	margin-bottom: 30px;
}
.duan{
	position: relative;
	text-align: center;
}
.duan > a{
	display: block;
	overflow: hidden;
}
.duan:hover img{
	transform: scale(1.1);
}
.duan h3 a{
	color: #fff;
	font-size: 18px;
	font-family: robotob;
	text-transform: uppercase;
	background: #0073c3;
	display: block;
	padding: 18px 20px;
	margin: -28px 40px 0px 40px;
	position: relative;
}
.duan:hover h3 a{
	color: #ff0;
}
fieldset {
  border: 3px solid #fe9705 !important;
  margin: 0px 0px 20px 0px !important;
  padding: 0px 32px !important;
  border-radius: 20px;
}
legend {
  text-align: center;
  padding: 0px 10px !important;
  font-size: 30px;
  font-family: cgb;
  color: #fff;
}
.box-dangkiem{
	padding-left: 45px;
}
.dangkiem{
	height: 329px;
	overflow-y: scroll;
	padding-right: 20px;
}
.dangkiem::-webkit-scrollbar {
	background:rgba(255,255,255,0.5);
	width: 5px;
	height:11px;
	border-radius: 30px;
}
.dangkiem::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 30px;
}
.dangkiem span{
	display: block;
	color: #fff;
	font-size: 14px;
	font-family: roboto;
	margin-bottom: 10px;
	cursor: pointer;
}
.dangkiem span:hover{
	text-decoration: underline;
}
.dangkiem p{
	color: #fff;
	font-size: 14px;
	font-family: roboto;
	margin-bottom: 20px;
	border:1px solid #fff;
	padding: 20px;
	border-radius: 3px;
	display: none;
}
.dangkiem2{
	overflow-y: unset;
	height: auto;
}
.dangkiem2 span{
	font-family: robotob;
	font-size: 20px;
}
.dangkiem2 span, .dangkiem2 p{
	color: #000;
}
.dangkiem2 p{
	border:1px solid #000;
}
#newsletter{
    position: relative;
    background: #0073c3;
    padding: 5px 0px;
    color: #fff;
    font-family: robotob;
    font-size: 13px;
    margin-bottom: 16px;
}
#newsletter img{
	margin-right: 10px;
}
#frm_mail{
	position: relative;
	text-align: right;
}
#frm_mail h2{
	color: #fff;
	font-size: 14px;
	font-family: robotob;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 20px;
}
.text-nhantin{
	width: calc(100% - 250px);
	height: 27px;
	padding: 0px 10px 0px 10px;
	outline:none;
	background: #fff;
	color: #b2b2b2;
  	font-size: 14px;
  	border: none;
  	font-family: roboto;
  	margin-right: -4px;
}
.text-nhantin2{
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
.text-nhantin3{
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.area-nhantin{
	width: 100%;
	height: 104px;
	padding: 20px;
	outline:none;
	background: #fff;
	color: #737373;
  	font-size: 14px;
  	border: none;
  	font-family: roboto;
  	border-radius: 3px;
}
::-webkit-input-placeholder {
  color: #b2b2b2;
}
::-moz-placeholder {
  color: #b2b2b2;
}
:-ms-input-placeholder {
  color: #b2b2b2;
}
:-moz-placeholder {
  color: #b2b2b2;
}
.bt-nhantin{
	background:#f6bf00;
	padding: 4px 23px;
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
	font-family: robotom;
	font-size: 13px;
	text-transform: uppercase;
	vertical-align: top;
}
.bt-nhantin:hover{
	text-decoration: underline;
}
.transition {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}
.popup{
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#copyright{
	color: #333333;
	font-size: 12px;
	position: relative;
	font-family: robotom;
	background: #e6e6e6;
	text-align: center;
	padding: 12px 0px;
	border-top: 1px solid #fff;
}
#copyright a{
	color: #0073c3;
	font-family: robotob;
}
#copyright a:hover{
	text-decoration: underline;
}
.copy{
	float: left;
}
#contact{
	float: left;
	width: 520px;
}
#album{
	background:#f7f7f7;
	padding: 50px 0px;
}
.list-hotro{
	background: #f6f6f6;
	border:1px solid #4bac4d;
	border-radius: 5px;
	padding: 6px;
}
#box-hotro{
	margin-top: 10px;
}
.box-hotro{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e1e1e1;
	padding-top: 9px;
	padding-bottom: 9px;
}
.box-hotro:last-child{
	border-bottom: none;
}
#box-hotro > img{
	width: 100%;
	height: auto;
}
.box-hotro strong{
	color: #303030;
	font-family: robotobl;
	font-size: 15px;
}
.box-hotro img{
	margin-left: 10px;
}
.icon-dienthoai{
	float: left;
}
.ten-hotro{
	
}
.ten-hotro img{
	vertical-align: unset;
	margin-right: 10px;
}
.ten-hotro p {
    display: inline-block;
    color: #3d3d3d;
	font-size: 14px;
	font-family: roboto;
    position: relative;
    text-align: left;
}
.ten-hotro font {
    color: #ce0000;
    font-size: 18px;
    font-family: robotobl;
    position: relative;
}
.dienthoai-hotro{
	padding: 2px 10px;
	background: #ce0000;
}
.dienthoai-hotro img{
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}
.dienthoai-hotro p {
    display: inline-block;
    color: #ffea00;
	font-size: 20px;
    position: relative;
    font-family: hel;
    text-align: left;
}
.dienthoai-hotro b {
    font-weight: normal;
    font-size: 24px;
    position: relative;
    margin-top: -10px;
    display: block;
}
.mail-hotro{
	margin-left: 20px;
}
.icon-phone{
  vertical-align: baseline;
}
#box-timkiem_m{
	background: #0073c3;
	height: 43px;
}
#btn-lg{
	cursor:pointer;
	color:#fff;
	font-size: 24px;
	position: relative;
	top: 8px;
	left: 15px;
	z-index: 999;
}
.tieude-chuyenkhoan{
	font-family: mulib;
	font-size: 20px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.magiamgia{
	border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 10px;
    text-align: right;
    position: relative;
    padding-bottom: 20px;
}
.magiamgia b{
	position: absolute;
	bottom: -5px;
    right: 0;
}
.magiamgia input{
	border: 1px solid #ccc;
	outline: none;
	background: none;
	height: 34px;
	padding: 0px 10px;
	width: 159px;
	color: #ccc;
}
.grid{
	display: grid;
}
.flex{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.tb_giohang{
	border: 1px solid #0073c3;
	padding: 20px;
	border-radius: 5px;
    color: #666;
  
    
}
.tuychontt{
	margin-bottom: 10px;
}
.gh-left{
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.img-gh{
	float: left;
	margin-right: 10px;
}
.tensp-gh{
	color: #4a4a4a;
	font-size: 15px;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 20px;
}
.gia-gh{
	font-size: 15px;
    text-align: right;
}
.tienhang{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.tienhang span{
	color: #ddd;
    width: calc(100% - 150px);
    text-align: right;
    float: left;
}
.tienhang font{
	width: 150px;
	text-align: right;
    font-size: 13px;
    color: #4a4a4a;
    float: right;
}
.tongtien{
	padding-top: 10px;
	text-align: right;
}
.tongtien span{
	color: #000;
	font-size: 15px;
}
.tongtien font{
	color: #da0000;
	font-size: 15px;
}
.dathang{
	width: 100%;
}
.goitruoc{
	width: 20px;
	height: 20px;
	float: left;
	margin: 0px !important;
    margin-right: 10px !important;
    outline: none;
    cursor: pointer !important;
}
.tb_giohang label{
	outline: none;
    cursor: pointer !important;
    display: block;
}
.gioitinh{
	float: left;
	margin-right: 10px;
}
.tb_giohang button{
	width: 100%;
}
.xuathd{
	display: none;
}
.ovlay {
    position: absolute;
   	top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.9);
    z-index: 9;
}
#tb_thanhcong{
	width: 70%;
	margin: 0 auto;
}
.tieude_thanhcong{
	color: #78bc4c;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.msg {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #777;
    line-height: 30px;
}
.listinfo {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #4a4a4a;
    padding: 0 8px;
}
.listinfo h4 {
    font-size: 15px;
    padding-top: 15px;
    color: #777;
}
.listinfo .shipping {
    margin: 5px 0 0;
}
.listinfo .shipping li {
    padding: 4px 0 4px 16px;
    font-size: 15px;
    color: #000;
    position: relative;
    line-height: 22px;
    margin-left: 5px;
}
.listinfo .shipping li:before {
    color: #fe7500;
    content: "•";
    display: inline;
    font-size: 16px;
    margin-right: 5px;
    position: absolute;
    top: 3px;
    left: 2px;
}
.vetrangchu{
	text-align: center;
	margin: 10px 0px;
}
.huydonhang{
	display: block;
    text-align: center;
    color: #2b8fc9;
    padding: 5px 10px;
}
.cartinfo-title {
    clear: both;
    color: #4a4a4a;
    font-size: 18px;
    text-align: center;
    padding: 15px 0 10px;
    text-transform: uppercase;
}
.box-soluong{
	display: inline-block;
	vertical-align: middle;
}
.box-soluong i{
	float: left;
    padding: 0px 5px;
    cursor: pointer;
    border: 1px solid #ccc;
    width: 35px;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    height: 36px;
    font-style: unset;
    font-size: 29px;
    line-height: 22px;
    font-family: fu;
    color: #4c4c4c;
}
.box-soluong i:hover{
	background: #ccc;
	color: #fff;
}
.plus{
	border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.minus{
	border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.box-soluong input{
	border: none;
    outline: none;
    float: left;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 36px;
    max-width: 68px;
}
.laydiachi{
	text-align: center;
	margin-bottom: 20px;
}
#laydiachi{
	display: none;
}
.tieptuc_gh{
	text-align: center;
	margin: 10px 0px;
}
.xsdiachi{
	color: #2b669a;
	cursor: pointer;
	display: none;
	padding: 0px 5px;
}
.buoc{
	display: none;
}
.tieptuc{
	text-align: center;
	margin-bottom: 20px;
}
.tieptuc a{
	background-color: #e5101d;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 18px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
}
.buoc1{display: block;}
.xoasp{
	cursor: pointer;
}
.nhapthem{
	text-align: center;
	display: none;
}
.capnhat_diachi{
	display: none;
	color: #2b669a;
	cursor: pointer;
	display: none;
	padding: 0px 5px;
}
.col-ghch{
	display: block;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.col-ghch:hover{
	box-shadow: 0px 0px 5px #ccc;
}
.col-ghch img{
	max-width: 100%;
	height: auto;
}
.logo-ghch{
	padding: 3px;
	background: #fff;
	width: 55px;
	box-shadow: 0px 0px 5px #ccc;
}
.cum-ghch{
	text-align: center;
	margin-top: -25px;
}
.cum-ghch h3{
	color: #000;
	font-size: 13px;
	font-family: robotob;
	margin: 0px;
    margin-top: 10px;
}
.cum-ghch p{
	color: #8c8c8c;
	font-size: 12px;
	font-family: roboto;
}
.tieude-vanchuyen{
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.tieude-vanchuyen span{
	color: #ccc;
}
.cart-content{
	margin: 20px 0px;
}
.cart-content h3 {
    margin: 0px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}
.cart-content p{
	color: #ccc;
	text-align: center;
	margin-bottom: 0px;
	font-size: 12px;
}
.dieuhuong{
	padding: 0px 0px 20px 0px;
}
.dieuhuong a{
	font-size: 15px;
	color: #000;
	float: left;
	display: block;
	font-family: roboto;
}
.dieuhuong span{
	font-size: 15px;
	color: #666;
	float: left;
	display: block;
}
.dieuhuong i{
	margin: 0px 20px;
	font-size: 19px;
	color: #535353;
	float: left;
	margin-top: 2px;
}
.dieuhuong a:hover{
	text-decoration: underline;
}
.dieuhuong a:hover{
	color: #0073c3;
}
.cart-mb{
    color: #fff;
    font-size: 18px;
    float: right;
    margin-top: 6px;
    margin-right: 10px;
}
.cart-mb i{
	font-size: 28px;
	vertical-align: bottom;
}
.btn-support .fa-street-view{
	background: rgba(30,30,30,0.1) url(http://i.imgur.com/YWJeVO2.png) no-repeat center center!important;
}
.support-online {
	position: fixed;
	z-index: 999;
	left: 15px;
	bottom: 50px;
}
.support-online .btn-support {
	cursor: pointer;
	margin-top: 15px;
	cursor: pointer;
}	
.support-online a {
	position: relative;
	margin: 10px 10px;
	text-align: left;
	width: 40px;
	height: 40px;
	display: block;
}

.support-online i {
	width: 40px;
	height: 40px;
	background: #0A56B0;
	color: #fff;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 1.9;
	position: relative;
	z-index: 999;
}
.kenit-alo-circle-fill {width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px; }
.kenit-alo-circle {width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }
.kenit-alo-circle-fill2 {width: 130px;height: 130px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background-color: rgba(17, 130, 252, 0.45);opacity: .75;}
.kenit-alo-circle2 {width: 120px;height: 120px;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid rgba(17, 130, 252, .8);opacity: .1;border-color: #1182FC;opacity: .5;position: absolute;}
.support-online a span {
	border-radius: 2px;
	text-align: center;
	background: rgb(103, 182, 52);
	padding: 9px;
	display: none;
	width: 180px;
	margin-left: 10px;
	position: absolute;
	color: #ffffff;
	z-index: 999;
	top: 0px;
	left: 40px;
	transition: all 0.2s ease-in-out 0s;
	-moz-animation: headerAnimation 0.7s 1;
	-webkit-animation: headerAnimation 0.7s 1;
	-o-animation: headerAnimation 0.7s 1;
	animation: headerAnimation 0.7s 1;
}
.support-online font{
    width: 40px;
    height: 40px;
    background: #0A56B0;
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 2.9;
    position: relative;
    z-index: 999;
    padding: 12px 7px;
}
.hieuung{position: relative;overflow: hidden;}
.hieuung:after{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.8s;
    -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);
    pointer-events: none;
}
.hieuung:hover:after{
	webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);
}
.effecspcl {pointer-events: none;}
.effecspcl:after,.effecspcl:before {
    content: '';
    display: block;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
}
.effecspcl:before {
    border-top: 1px solid #f00;
    border-bottom: 1px solid #f00;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    transform: scale(0,1);
}
.effecspcl:after {
    border-left: 1px solid #f00;
    border-right: 1px solid #f00;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    transform: scale(1,0);
}
.hieuung:hover .effecspcl {
    background: rgba(255,255,255,0.1);
    box-shadow: none;
}
.hieuung:hover .effecspcl:after,.hieuung:hover .effecspcl:before
{
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
}
.grecaptcha-badge{
	display: none;
}
@keyframes blink{
0%{
color: #2c08c7;
}

100%{
color: #fe0000;
}
}
#hotline_mb{
	display: none;
	float: right;
	font-size: 10px;
	color: #fff;
	font-family: roboto;
	margin: 13px 10px 0px 0px;
}
#hotline_mb b{
	font-family: robotob;
	color: #ff0;
}
#btn-chat-facebook { display: block; width: 40px; height: 40px; position: fixed; right: 20px; bottom: 190px; z-index: 999; }
#btn-chat-facebook span {
    display: flex; display: -ms-flex; align-items: center;
     -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%;
     background: #1182FC; position: relative;}
#btn-chat-facebook span img {     
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px; 
}
.chat-facebook-fill {width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px; }
.chat-facebook {width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }
#khungchatn{
    position:fixed;
    width:300px;
    height:350px;
    top:100px;
    right:10px;
    z-index:999999;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    display:none;
}
#btn-zalo {display: block;width: 40px;height: 40px;position: fixed;right: 20px;bottom: 119px;z-index: 999;}
#btn-zalo span {
	display: flex; display: -ms-flex; align-items: center;
	 -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%;
	 background: #1182FC; position: relative;
}
#btn-zalo span img {     
	vertical-align: middle;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 26px;
    height: 26px; 
}
#back-top {
  bottom: 50px;
  cursor: pointer;
  position: fixed;
  z-index: 99;
  right: 15px;
}
#back-top span {
  width: 50px;
  height: 50px;
  display: block;
  background: url(../images/top_icon.png) no-repeat;
  background-color: #1182fc;
  border-radius: 50%;
  background-size: 100%;
}
#back-top span:hover{
    opacity: 0.7;
    transition: 1s;
}
#combo{
	background: #0073c3;
	color: #fff;
	font-family: robotob;
	font-size: 15px;
	text-transform: capitalize;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 16px 0px;
	z-index: 99;
}
#combo a{
	color: #fff;
}
#combo a:hover{
	text-decoration: underline;
}
#combo img{
	margin-bottom: 5px;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom: 1em;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.box-dienthoai {
    position: absolute;
    bottom: 120%;
    border-radius: 10px;
    background-color: #0073c3;
    padding: 10px;
    display: none;
}
.box-dienthoai a {
    display: block;
    font-size: 15px;
	font-weight:bold;
	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
	}
}

@media (min-width: 1366px){	
	.maxwidth2{width: 982px !important}
}
@media (min-width: 1200px){	
	.maxwidth{max-width: 1200px;margin: 0 auto;}
}
@media (max-width: 1199px){	
	.maxwidth{padding: 0px 15px;}
	#rib{display: none;}
	#menu-top{display: none;}
	#menu-top-rp{display: block;}
	#hotline_mb{display: block;}
	#timkiem{display: none;}
	#banner{display: none;}
	#hotline{display: none;}
	#logo{position: relative;text-align: center;padding: 10px;left: unset;}
	#logo img{height: unset;}
}
@media (min-width: 982px){ 
	.maxwidth2{float: right;width: calc(100% - 267px)}
	
}
@media (max-width: 981px){ 
	.list-danhmucsanpham{display: none;}
	
}
@media (min-width: 768px){ 
	.product-item:nth-child(4n+5){clear: both;}

}

@media (max-width: 991px){
	.flex{display: block !important;}
	.grid{margin-bottom: 15px;}
	#frm_mail{margin-top: 10px;text-align: left;}
}

@media (max-width: 767px){
	.noidung_thanhvien{width: 100%}
	#tb_thanhcong{width: 100%}
	.copy{float: none;}
	.thongke{float: none;}
	.product-item:nth-child(2n+3){clear: both;}
} 
@media (max-width: 400px){
	.tintuc-all .col-xs-6{width: 100% !important}
	.usual ul.tab_content{height: 34px}
	.usual ul.tab_content a{font-size: 12px}
}
@media (max-width: 665px){
	.text-nhantin{width: 190px}
	#frm_mail h2{display: none;}
}
@media (max-width: 540px){
	#copyright{padding-bottom: 48px}
	#back-top{bottom:119px;}
	#btn-zalo{bottom:190px;}
	#btn-chat-facebook{bottom:261px;}
	#footer1{display: block;}
}
@media (max-width: 374px){
	.baiviet .col-xs-4{width: 100% !important;text-align: center;float: none;}
	.baiviet .col-xs-12{width: 100% !important;float: none;text-align: center;}
	
	
}
@media (max-width: 327px){
	
}