@charset "utf-8";
/* CSS Document */
/*++++++++++DEFAULT+++++++++++*/

@font-face {
    /*font-family: 'UTMAptimaBold';*/
    src: url('../fonts/UTMAptimaBold.ttf');
	
	font-family: 'Arial, Helvetica, sans-serif';
}
*{margin: 0;padding: 0;}
body{font-family: Arial, Helvetica, sans-serif;font-size:14px; background-color: #fafafa;overflow-x: hidden; }
a{color:blue;text-decoration:none;}
.clearfix{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
p{
    line-height: 1.5em
}
td{
    padding: 8px;
}
a:active{color:#ccc;}
img{border:none;max-width: 100%;}
div.clear{display:block;clear:both;}
#top{color:#FFF;font-weight:500;text-align:center;width:39px;padding:11px 0px;position:fixed;bottom:4px;right:30px;display:none;cursor:pointer;background-color:#F47A00;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
#top:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);}
#loading{width: 100px;height:100px; position:absolute;z-index:1000;}
.button {display:inline-block;border:none;background:#F56D0F;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;color:#FFFFFF;font-weight: bold !important;padding: 5px 10px;cursor:pointer;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
.button:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);color:#FFF;}
.noidung{
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
}
.noidung img, .content-main img{
    max-width: 100%;
    height: auto;
}
.header{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.navbar {margin-bottom:0;min-height:40px;}
.navbar-brand{
    color: #fafafa !important;
    font-weight: bold;
    height: 50px;
    padding: 5px 15px;
}
.navbar-nav>li>a {
    color: #fff !important;
    text-transform: uppercase;
}
.navbar-default{background-image:none;background-color:#444;border:none;border-radius:0;}
.logo,.logo img{position: absolute;top: 10px;left: 5%;min-width: 150px;max-width: 200px;}
.logo a{display:block;}
.nav-box{background-color:#3e85e5;}
.menu{
    float: right;
}
.menu ul{
    list-style: none;
    float: left;
}
.menu ul li{
    display: inline-block;
}
.menu ul li:hover{
    background-color: #eee;
}
.menu ul li a{
    font-size: 15px;
    color: #ffeb3b;
    text-transform: uppercase;
    padding: 0px 22px;
    line-height: 45px;
}
.menu ul li:last-child a{ 
    border-right:0px solid white;
}
.menu ul li a:hover{
    color: #555;
}
.hotline{
    width: 249px;
    height: 30px;
    position:absolute;
    bottom:8px;
    left:550px;
}
.hotline h4{
    line-height: 30px;
    color: white;
    float: left;
    width: 100%;
    text-align: center;
    font-size:18px;
}
.hotline h4 span{
    font-size:24px;
    color:yellow

}
.slogan{
	padding: 10px 15px;
    background-color: #111;
    color: #f1f1f1;
    font-size: 18px;
}
.slider{height:420px;}
.max-slider{
    margin: 0 auto;
    width:100%;
}
.slider-left{
    width: 100%;
	margin:auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 420px;
}
.slide-right{padding:0 0 0 15px;height:420px;}
.slide-right img{width:100%;height:inherit;}
.slide-right > img{border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.slide-right h4{margin:0;padding:10px 15px;background-color:#f0020e;color:#fff;}
.slide-right p{
	margin:0;padding:10px 15px;font-size:16px;font-weight:bold;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	font-size:16px;
}
.slide-right p.dt-top{color:#f0020e;text-align:center;font-size:25px;}
.slider-left img{width:100%;height:inherit;}
.slider-right{
    float: right;
    width: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 420px;
}
.slider-right a img{
    width: 100%;
	display:none;
    height: 186.4px;
}
.page{width: 100%;}
.main{margin: 0 auto;}
.wapper{
    width: 100%;
    min-height: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wapper > .left{
    padding:0;
}
.wapper > .right{
	
}
.square{
    float: left;
    border: 1px solid #eee;
    background-color:#F9F9F9;
    width: 100%;
    position: relative;
    margin-top: 10px;
}
.square.hotro .left-title span{
	color:#000;
    position: relative;
    text-align: center;
    display: block;
	text-shadow: 0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff;
}
.square.hotro .left-title span img{width:100%;position: relative;}
.square.hotro ul li span{
    font-weight: bold;
    color: #00c1c1;
    font-size: 16px;
    padding: 0 10px;
}
.left-title{
    width: 100%;
    display: block;
    position: relative;
    background-color: #fff;
    border-bottom: 3px solid #aaa;
    text-align: center;
    padding: 10px 5px 19px;
}
.left-title span{
    font-size: 23px;
    color: #000;
    font-weight: bold;
    display: block;
}
.left-ul{
    float: left;
    width: 100%;
}
.left-ul ul{
    list-style: none;
    float: left;
    width: 100%;
	margin-bottom:0;
}
.left-ul > ul > li{
    color: #555;
    font-weight: bold;
    font-size: 16px;
    display: block;
	padding: 5px 0;
    position: relative;
	border-bottom: 2px solid #ccc;
}
.left-ul > ul > li:last-child{border:none;}
.left-ul > ul > li > a{
	background-color: #f0f0f0;
    padding: 10px 15px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
	display:block;
}
.left-ul .qc-left {display:none;}
.left-ul .qc-left a{padding:0;}
.left-ul .qc-left img{width:100%;}
.left-ul ul li a:hover{
    text-shadow:1px 1px 1px #fff;
	text-decoration:none;
}
.left-ul ul li ul{
    position:relative;
	/*background-image: url(../images/background.jpg);*/
}
.left-ul ul li ul li{
    display: block;
    padding: 10px;
    position: relative;
    color: #353535;
    border-top: 1px solid #f5f5f5;
}
.left-ul ul li ul li:first-of-type{border:none;}
.left-ul ul li ul li a{color:#222;font-weight:600;font-size:14px;}
/*
.left-ul ul li ul li a:before{
    content:'-';
    font-size: 20px;
    left: -5px;
    position: relative;
}
*/
.left-content{
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.runpro{
    float: left;
    width: 100%;
}
.small{
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    border: 1px solid #d3d3d3;
    text-align: center;
    margin-bottom: 10px;
}
.small-img{
    float: left;
    width: 100%;
    text-align: center;
}
.small-img img{
    width: 219px;
    height: 184px;
}
.small-name{
    float: left;
    width: 100%;
    text-align: center;
    color: #5c2769;
    text-transform: uppercase;
    margin-bottom: 5px;

}
.small-name a{
    font-size: 14px;	
    color: #5c2769;
    padding: 10px;
    display: block;
}
.small-price{
    text-align: center;
    float: left;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 5px;
}
.small-price p{
    color: #5c2769;	
    font-size: 13px;
}
.small-price strong{
    color: red;
}
.small-over{
    float: left;
    width: 100%;
    height: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}
.small-left{
    width: 98px;
    height: 34px;
    background: url(../images/chitiet.png) no-repeat top left;
    float: left;
    margin-left: -7px;
}
.small-left a{
    color: white;
    font-size: 13px;
    line-height: 30px;
}
.small-left a:hover{
    color: #2F271C;
}
.small-right{
    width: 104px;
    height: 34px;
    background: url(../images/dathang.png) no-repeat top right;
    float: right;
}
.small-right a{
    color: white;
    font-size: 13px;
    line-height: 30px;
    padding-left: 45px;
    cursor: pointer;
}
.small-right a:hover{
    color: #2F271C;
}
.block{
    float: left;
    width: 100%;
}
.block-title{min-width: 30%;}
.block-title.first h2{line-height: normal;text-align: left;}
.block-title.first img{top: -6px;position: relative;}
.block-title h2 a{color:#005d93;font-size: 30px;}
.block-title h2 a:hover{text-decoration:none;}
.block-title h2{
    text-align: center;
    font-size: 18px;
    font-weight:300;
    padding: 0 15px 10px 15px;
    height: inherit;
	margin-bottom:0;
}
.background-line{
	margin-bottom:15px;height:10px;background-image:url(../images/background-line.png);
	background-position:center;background-repeat:no-repeat;
}
.block-title h1{
    padding: 5px 15px 10px 15px;
    color: #455A64;
    margin:10px 0 0 0;
    text-transform: uppercase;
    font-size: 25px;
    text-shadow: 1px 1px 1px #ddd;
}
.block-content{margin: 0px;padding:30px 5px;background-color:#fff;}
.block-content > .title{margin-bottom:30px;}
.item{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    text-align: center;
}
.item-img{width: 100%;position: relative;border: 1px dashed darkseagreen;}
/*
.item-img:before{
	background: url(../images/bg-product.png) bottom center no-repeat;
    content: "";
    height: 100%;
    width: 100%;
    top: 10%;
    left: 0;
    position: absolute;
}
*/
.item-img a{position:relative;}
.item-img a img{padding:10px;background-color:#fff;}
.item-img a.cart{
	position: absolute;
    color: #fff;
    z-index: 1;
    bottom: 0;
    background-color: red;
    right: 0;
    padding: 10px 15px;
    font-size: 18px;
}
.item-img img{
    width: 100%;
    height: 250px;
}
.item-name{position: relative;}
.item-name h3{text-align:center;margin:0;padding: 15px 5px 0 5px;height:54px;}
.item-name a{
    font-size: 15px;
    text-transform: uppercase;
    color: #011760;
    overflow: hidden;
    display: block;
	padding: 5px;
	margin:auto;
    font-weight: bold;
	top:0;right:0;bottom:0;left:0;
}
.item-price{
    text-align: center;background-color: #fff;
}
.item-price p{
    color: red;	
    font-size: 18px;
	margin:0;
	height:44px;
	line-height: 18px;
}
.item-price strong{
    color: red;
}
.item-contact{
	color:red;text-align:center;font-size:18px;background-color: #fff;
}
.item-over{
    float: left;
    width: 100%;
    height: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
    display:none;
}
.item-left{
    width: 98px;
    height: 34px;
    background: url(../images/chitiet.png) no-repeat top left;
    float: left;
    margin-left: -7px;
}
.item-left a{
    color: white;
    font-size: 13px;
    line-height: 30px;
}
.item-left a:hover{
    color: #2F271C;
}
.item-right{
    width: 104px;
    height: 34px;
    background: url(../images/dathang.png) no-repeat top right;
    float: right;
}
.item-right a{
    color: white;
    font-size: 13px;
    line-height: 30px;
    padding-left: 45px;
    cursor:pointer;
}
.item-right a:hover{
    color: #F2A544;
}
.slider-width{
    width: 100%;
    overflow:hidden;
}
..slider-row{text-align:center;overflow:hidden;}
.eve-price{color:#111;font-weight:bold;display:block;}
a.eve-button, a.eve-button:focus {color:#ddd;}
a.eve-button:hover{color:#fff;}
.eve-button{
    margin-top:4px;
    display: inline-block !important;
    padding:5px 20px;
    background: #005D9D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0179C1,#084C83); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0179C1,#084C83); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0179C1,#084C83); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0179C1,#084C83);
    color:#fafafa;
    border:1px solid #ddd;
}
.slider-row{overflow:hidden;}
.slider-row > div{max-height:270px;padding: 0.5% 5px 0 5px;}
.slider-row > div > div{margin-bottom:10px;padding:15px 0 15px 0;}
.slider-row > div > div > form > div{padding:0px;}
.slider-row .eve-img{height:210px;padding:0;background-color: #fff;border: 1px solid #fff;border-bottom: 4px solid #fff;overflow:hidden;}
.slider-row .eve-img a{display:table-row;}
.slider-row .eve-img img{position: absolute;margin: auto;left: 0;top: 0;right: 0;bottom: 0;height:210px;}
.slider-row .eve-title{padding:0;}
.slider-row .eve-title a{padding:6px;color:#011760;font-weight:bold;height:80px;text-align:center;text-transform: uppercase;font-size:20px;}
.slider-row .left,.slider-row .right{width:1%;background-color:transparent;background-image:none;}
.doitac{
    float: left;
    width: 100%;
    background-color:transparent;
	padding-bottom:10px;
}
.doitac.spnoibat{margin-bottom:15px;}
.doitac-con{padding:10px 20px 0 20px;}
.doitac-box{padding-left:2%;background-color:#fefefe;}
.quangcao{    
	width: 100%;
    position: relative;
    padding:15px 0px;
    background-color: #f2f2f2;
	text-align:center;
}
.quangcao .item1{width: 33%;float:left;}
.quangcao .item1 .col-md-4{float:left;width:33%;}
.quangcao .item1 .col-md-8{float:left;width:66%;}
.qc-item-top h4{color:#005b90;font-size:20px;text-transform:uppercase;font-weight:bold;}
.qc-item-top p{color:#333;text-align:justify;}
.doitac-tit{
    height: 40px;
	margin-top:20px;
    text-align: center;
    position: relative;
}
.doitac-tit p{
    text-transform: uppercase;
    color:#000;
    font-size: 23px;
    font-weight: bold;
    line-height: 25px;
    border-bottom: 1px solid;
    display: inline-block;
}
.doitac-con{}
.doitac-con ul{
    list-style: none;
    float: left;
    width: 100%;
}
.doitac-con ul li{
    float: left;
}
.doitac-con ul li img{
    width: 175px;
    height: 60px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom:5px;
    margin-top: 10px;
}
.footer{
    box-sizing: border-box;
}
.footer > div{background-size: cover;}
.col-4{
    float: left;
    width: 30%;
    padding: 0 5px;
}
.col-5{
    float: right;width: 25%;
}
.info,.fanpage,.thongke{padding:5px;}
.fanpage{text-align:center;padding-bottom: 0;}
.company{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: left;
	padding:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-center{
    width: 100%;
    margin: 0 auto;
}
.company p{
    text-transform: uppercase;
    font-size: 15px;
    color: #333;
	margin: 0;font-weight: bold;
}
.diachi{
    float: left;
    width: 90%;
    margin-bottom: 10px;
    background: url(../images/diadiem.png) no-repeat top left;
    padding-left: 40px;
    color: white;min-height: 34px;
}
.dienthoai{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: url(../images/dienthoai.png) no-repeat top left;
    padding-left: 40px;
    color: white;
    min-height: 34px;
}
.email{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: url(../images/email.png) no-repeat top left;
    padding-left: 40px;
    color: white;min-height: 34px;
}
.web{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: url(../images/web.png) no-repeat top left;
    padding-left: 40px;
    color: white;min-height: 34px;
}
.fanpage{display: block;padding:0;}
.thongke{text-align: left;padding-bottom:0;color:#333;font-family: serif;background-color:#fff;}
.thongke p{color: #333;}
.thongke img{top: -2px;position:relative;}
.thongke > div{padding:0;}
.bottom-menu{color: #eee;font-size: 15px;margin-bottom: 20px;    line-height: 26px;}
.bottom-menu p {
    width: 100%;
    float: left;
    margin: 0px !important;
    padding: 2px 0;
    color: #fff;
}
.footer-center p{margin:0;}
.bottom-menu a{color:#fff;font-size:15px;}
.social{display:block;text-align:center;margin-bottom:15px;padding-top: 10px;}
.social a{margin-right: 5px;}
.social img{width:40px;    margin-top: 3px;}
.social-top{
	position: absolute;
    margin: auto;
    padding: 10px;
    bottom: 5%;
    right: 1.5px;
    height: 70px;
    background-color: rgba(246, 247, 249, 0.49);
    width: 96%;
    text-align: center;
	z-index:1;
}
.social-top img{width:50px;}
.line{
    float: left;
    width: 100%;
    height: 1px;
    display: block;
    background: white;
    margin-bottom:5px;
}
.copyright{
    line-height: 24px;
    color: white;
    padding:8px 25px 8px 25px;
	background-color:#423d3d;
    border-width: 0 1px 0 1px;
}

.ma-brand-slider-contain {	
    width: 96%;
    position: relative;
    left: 0;
}

.brand-slider .jcarousel-container {
    -moz-border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
}

.brand-slider .jcarousel-container-horizontal {
    width: 100%;
    padding: 10px 0px;
    padding-left:40px;
    margin:0 auto;
    margin-top:80px
}
.brand-slider .jcarousel-clip-horizontal {
    width:  100%;
    height: 85px;
}

.brand-slider .jcarousel-item {
    width: 185px;
    float: left;
    list-style: none outside none;
    text-align:center;
}

.brand-slider .jcarousel-item-horizontal {
    margin-right: 0px;
    position: relative;
    height:80px;
    width:185px;
}

.brand-slider .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.brand-slider .product-image {
    display:inline-block;
    margin:0 0 8px;
}

/**
 *  Horizontal Buttons
 */
.ma-brand-slider .jcarousel-next-horizontal {
    position: absolute;
    top: 40%;
    right: -35px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.ma-brand-slider .jcarousel-next-horizontal:hover {

}

.ma-brand-slider .jcarousel-next-horizontal:active {

}

.ma-brand-slider .jcarousel-next-disabled-horizontal,
.ma-brand-slider .jcarousel-next-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-next-disabled-horizontal:active {
    cursor: default;    
}

.ma-brand-slider .jcarousel-prev-horizontal {
    position: absolute;
    top: 40%;
    left: -35px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.ma-brand-slider .jcarousel-prev-horizontal:hover {
    background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-horizontal:active {
    background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-disabled-horizontal,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 100%;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
    position: relative;
}
.ma-brand-slider .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.ma-brand-slider .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.ma-brand-slider .jcarousel-next {
    z-index: 3;
    display: none;
}
.ma-brand-slider .jcarousel-prev {
    z-index: 3;
    display: none;
}

.ma-brand-slider .ma-des {
    position: absolute;
    bottom: 10px;
}
.ma-brand-slider .ma-des-title {}
.ma-brand-slider .ma-des-title h2 {
}
.ma-brand-slider .ma-des-content {}
/*************************************/
.product_detail_pic{
    padding-left:0;
}
.product_detail_pic a{width:100% !important;}
.product_detail_pic a img{width:90%;}
.detail-right{text-align: left;}
.product_info{
    list-style: none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
	padding-top:15px;
    width: 100%;
}
.product_info li{padding-bottom: 10px;}
.product_info .product-title b{font-size: 18px;color: #607D8B;text-shadow: 1px 1px 1px #fff;}
.product_info .product-price span{font-weight:bold; color:#F00;}
.product_info .call a{background-color:#8bc34a;text-decoration:none;}
.tag .tag-a{
	background-color: #fafafa;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 15px;
    margin-right: 5px;
	color: #455A64;
}
.name_product{
    text-transform: uppercase;
    font-size: 15px;
    color: #2C3195;
    font-weight: bold;
}
/* --------------------- Phan trang ------------------*/
.phantrang{
    text-align:right;margin-top:15px;
}
.phantrang a{padding: 6px 5px;position: relative;color:#222;}
.phantrang a:before{
    content: "";
    border: 1px solid #9E9E9E;
    height: 45%;
    top: 30%;
    left: 95%;
    position: absolute;
}
.phantrang .first,.phantrang .previous,.phantrang .last{display:none;}
.phantrang .next:before{border: none;}
/*
.phantrang a {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #636363;
    cursor: pointer;
    font-size: 11px;
    margin: 0 0 0 4px;
    padding: 6px 10px;
}
.phantrang a:hover {
    background: none repeat scroll 0 0 #09669C; 
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background: none repeat scroll 0 0 #09669C;   
    box-shadow: none;
    color: #FFFFFF;
}
*/
/*----------------------------------------------------*/
.tit-spkhac{
    float: left;
    width: 100%;
    background: #2D251B;
    height: 40px;
    line-height: 40px;

}
.tit-spkhac p{
    font-style: 15px;
    padding-left: 15px;
    color: white;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: bold;
}
.tablelienhe .input{
    width: 500px;
    height: 28px;
    margin-bottom: 10px;
}
.ttnoidung{
    width: 500px;
}
.tieptuc{
    margin-right: 50px;
}
.big{
    width: 30%;
    float: left;
    margin-right:2%;
    margin-top: 10px;
    margin-bottom: 10px; 
}
.big-img img:hover{
    opacity: 0.75;
}
.big-name{
    margin-bottom: 8px;
}
.big-name h3 a{
    color: #333333;
}
#map_canvas{
    width: 100%;
    height: 400px;
}
.slider-ngaunhien{height: 230px;overflow-y: hidden;}
.content-main{width:97%;}
.scrollToTop{
    width: 10%;
    height: 30px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 6%;
    right: 40px;
    display: none;
    background: url('arrow_up.png') no-repeat 0px 20px;
    border-radius: 50px;
}
.scrollToTop:hover{
    text-decoration:none;
}
.read-more{
    display: block;
    float: right;
    padding-right: 30px;
    top: -10px;
    position: relative;
}
.read-more a{color:red;}
.new-info{padding:0;text-align:left;}
.new-name{padding:0 5px 0 5px;}
.new-name h3{margin:0;padding:5px;}
.new-name h3 a{    font-size: 14px !important;
    color: #011760;
    font-weight: bold;}
.index-new-one .new-name h3 a{font-size:25px !important;text-decoration:none;color:#555;text-shadow:1px 1px 1px #ddd;padding:10px;display:block;}
.new-des p{padding: 5px 5px 0 10px;font-size: 14px;font-weight: 500;line-height: 18px;}
.logo-left{position: absolute;top: 0%;left: 10%;}
.logo-left img{width:20%;}
.slide-content{padding:0;}
.new-img{padding:0;}
.new-info{}
.index-new-one{padding:15px 0;border:1px solid #ddd;}
.index-new-one .new-des.once h1 span{font-size:17px;color:#6d0000;}
.index-new-one .new-des.once p{padding:0;}
.index-new-one .box-img{padding:0;}
.index-new-one .box-img img{width:100%;min-height:250px;}
.index-new-one .box-img p{text-align:center;padding:8px;font-size:13px;}
.index-new-one .box-info{}
.masp{text-align:center;display:none;}
.content-main iframe{max-width:100%;}
.dltn{text-align:center;margin-bottom:15px;}
.dltn a{
	background-color:#fff;color:#b70000;
	font-size: 25px;
    font-weight: bold;
    padding: 10px 15px;
	text-decoration:none;
}

.contact{
	display:none;
	right: -20px;
    position: fixed;
    bottom: 0;
    /*max-width: 300px;*/
}
.tygia{border:1px solid #ddd;}
.tygia h4{
	font-size:12.5px;background-color: #ddd;
    padding: 10px;
    margin: 0;
    text-align: center;
    font-weight: bold;
}
.tygia table{font-size:10.5px;}
.scroll-left {overflow: hidden;}
.scroll-left p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 15s linear infinite;
 -webkit-animation: scroll-left 15s linear infinite;
 animation: scroll-left 15s linear infinite;
}
.svg img{width:100%;}
a.svg {position: relative;display: inline-block;width:100%;}
a.svg:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left:0;}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% {
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}
.tablelienhe .label-contact{color:red;}
.language{position:absolute;top: 0px;right: 110px;}
.language img{width:30px;}
.language button{border:none;background:transparent;}
.slogan-in-banner{
	position: absolute;
    bottom: 55px;
    margin: auto;
    left: 0;
    right: 0;
    width: 45%;
    text-align: center;
    font-weight: bold;
    color: #fff;
	font-family: serif;
	font-size: 17px;
}
.banner-info{position:absolute;right:8%;top:45%;font-family:intial;}
.banner-info p{margin-bottom:8px;}
.banner-info img{margin-right:8px;}
.banner-info .fone{font-weight:bold;color:#1000ff;}
.nav.navbar-nav{position: relative;}
.muahang-index img{
	border-radius:100%;margin:auto;display:block;
	-webkit-transform: rotateX(10deg);
    transform: rotateX(10deg);
    width: 60%;
}
.muahang-index h4{text-align:center;}
.muahang-index h4 a{color:#666;}
.muahang-index p{text-align:justify;}
.muahang-index .bg-img:before{
	background: url(../images/muahang-shadow.png) bottom center no-repeat;
    content: "";
    height:30%;width: 100%;
    top: 18%;left: 0;
    position: absolute;
}
.chitiet{text-align: center;display: block;height:40px;margin-bottom: 10px;}
.chitiet a{padding: 5px 20px;border: 1px solid #ddd;display: inline-block;margin-top: 10px;color: #777;}
.camket{background-color: aliceblue;}
.mh-mid:before{
	content : "";
	border: 1px solid #eee;
	height:70%;
	top:15%;left:0;
	position:absolute;
}
.mutitag{color:#337ab7;font-weight:bold;}
.dropdown-menu li a{
	font-size: 15px;
    background-color: #fff;
    background-image: none;
    text-transform: uppercase;
    color: #555;
}
.gioithieu-index{color: #fff;}
.gioithieu-index > div{background-color: #444;}
.gioithieu-index h2{color: #f1ff00;font-size: 30px;text-align: center;font-weight: bold;border-bottom: 1px solid;
    display: inline-block;}
.gioithieu-index a{color: #fff;}
.index-product{margin-bottom:30px;padding:0;}
.open > .dropdown-menu > li{position:relative;}
.open > .dropdown-menu .dropdown-menu{top:-10px;left:99%;}
.navbar-brand img{width:40px;}
.new-small .new-name a{font-weight: bold;color: #23527c;}
.new-small .new-des p{color: #222;}
.sanpham{margin-bottom:30px;}
.news-box{margin-bottom:15px;}

@media (min-width: 1200px){
    .main{width:85%;}
    .footer-center{padding:0 90px;}
	.banner-info .fone{font-size:40px;text-shadow:2px 1px 1px #fff,2px 1px 1px #fff,-2px 1px 1px #fff,-2px 1px 1px #fff,0px -2px 1px #fff,0px 2px 1px #fff;}
	.gioithieu-index{padding: 30px 15px;}
	.block,.block-unindex{padding:0 15px;}
	.block-unindex .block{padding:0;}
	.news-box-index > div{background-color:#efefef;padding:0;margin-bottom:30px;}
	.new-small .new-img{height: 110px;overflow: hidden;}
	.news-box .big-name h3{margin:0;}
	.news-box .big-name h3 a {height:auto;}
}
@media (min-width: 992px){
    .left-small{display:none;}
	.slider-row .eve-title a {font-size:15px;}
	.product_detail_pic a img{width:100% !important;height:230px !important;}
}
@media (max-width: 600px){
	.slider-row .eve-title a{font-size:12px;}
	.slider-row > div,.slider-row > div > div{padding:0;}
	.slider-row,.slider-row > div,.slider-row > div > div {height:220px !important;max-height:auto;float:none;}
	.slider-row > div{width:100%;}
	.slider-row form > div{margin-bottom:35px;margin-top:15px;}
	.slider-row .eve-img{height:210px;}
	.slider-row .eve-img img{height:210px;}
	.MagicZoomPup,.MagicZoomBigImageCont{display:none !important;}
	.tablelienhe .input{width:100%;}
	.tablelienhe textarea{width:100% !important;}
	.muahang-index img{width:100%;}
	.block-content > .col-md-4{width:100%;}
	.banner-info .fone{font-size:30px;}
}
@media (max-width: 500px){
	
}
@media (max-width: 992px){
    .left-small{width:100%;}
	.banner-info .fone{font-size:30px;}
	.gioithieu-index{padding:0;}
	.copyright{padding-bottom:20px;}
	.big-des p{height:63px;}
	.big-img img{width:100%;height:auto;}
    .col-4{float:none;width:auto;max-width: 400px;padding-top:20px;margin: auto;}
}
@media (max-width: 600px){
    .product_detail_pic,.detail-right{width:100%;}
    .detail-right{margin-top:10px;}
    .doitac{background: none;}
    .doitac-tit {left:0;width:100%;}
    .doitac-con {margin-left:2px;}
    .big{width: auto !important;max-width: 250px;margin: auto !important;float:none;display: block;padding-top:10px;}
    .left-ul > ul > li > a{padding-left:10px;}
    .content-main{width:100%;}
    .item{margin:auto;max-width:400px;margin-bottom:15px;}
    .slider{float:none;height:auto;}
    .slider-left{float:none;height:200px;width:100%;}
    .slider-left img{height:200px;}
    .slider-right{display: none;}
    .wapper {padding-top: 0;}
    .block-title.first{display: none;}
    .left-content{float:none;}
    .random{display: none;}
    .read-more{padding-top: 11px;}
    .block-title {padding-left: 0;}
    .main{width:100%;}
    .footer-center{padding:0px;}
    .content-main{width:100%;}
    .tieptuc, .big,#top,.noidung,.left-content,.read-more,.ma-brand-slider .jcarousel-next-horizontal,.item{margin-right: 0;right:0;padding-right: 0;}
}
@media( min-width: 768px){
    .showmenu{display:none;}
	.navbar-nav>li>a{padding-top:15px;padding-bottom:15px;font-size:18px;}
	.navbar-right {margin-right: 15px;}
	.item-img img{height:190px !important;}
	.big-name h3 a {height:53px;display: inline-block;font-size: 20px;text-decoration: none;}
}
@media (max-width: 768px){
    .showmenu{display:block;border: 1px solid #eee;padding: 0px 10px 10px 10px;color: #fff;background: #f93;}
    .showmenu img{top:2px;position:relative;}
	.logo-left{left:10%;}
	.logo-left img{width:10%;}
	.slide-right {padding:0;}
	.masp{text-align:center;}
	.item-name a {height:50px;font-size:13px;}
	.item-price strong{font-size:14px;}
	.item-contact{font-size:14px;}
	.product_info .cart,.product_info .call{display:inline;}
	.product_info .cart button,.product_info .call a{font-size:25px;}
	.item-img img{height:150px !important;}
	.wapper .left{float:none;}
	.mobi-tell-bottom{position:fixed;bottom:0;width:100%;text-align:center;}
	.mobi-tell-bottom a{padding:10px 15px;display:block;color:#fff;font-size:18px;}
	.footer{padding-bottom:40px;}
	.dltn a{font-size:20px;}
	.bottom-menu a {font-size:12px;text-shadow:1px 1px 1px #111;color:#e0e0e0;}
    #wpbs_slider{display: none;}
    .item-img a img{padding: 10px 0 !important;}
    .dttt,.logo{display: none;}
}
.box-footer{
    width: 100%;
    float: left;
    background: url(../images/bg-footer.png);
    background-size: 100% 100% ;
    background-repeat: no-repeat;
}
#wpbs_slider {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: fixed;
    bottom: 150px;
    right: -300px;
    width: 272px;
    height: 53px;
    background: #fff url(../images/hot.png) center no-repeat;
    background-size: 45px 45px;
    background-position: 5px 5px;
    cursor: pointer;
    z-index: 999999;
}
.box-mxh {
    width: 100%;
    float: left;
    text-align: center;
    border-top: solid 3px #d3d3d3;
    padding: 10px 0;
}
.icon_label {
    color: ;
    float: left;
    position: relative;
    font-size: 12pt;
    font-weight: bold;
    width: 50px;
    height: 50px;
}
.wpbs_handle {
    padding: 5px;
    line-height: 56px;
    text-align: right;
    color: #000;
}
#wpbs__cont {
    width: 220px;
    height: 200px;
    background: #fff;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 999999;
} 
.widgetcont {
    padding: 5px 0;
    font-size: 9pt;
}
#wpbs__cont .widget {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 9pt;
} 
.widget {
    margin-bottom: 10px;
}
#wpbs__cont {
    margin-left: 50px;
    color: #000;
    -webkit-border-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius: 0px;
    -moz-border-radius-bottomleft: 5px;
    border-radius: 0px;
    border-bottom-left-radius: 5px;
}
/*####END FOOTER*/
#end-footer { background: #4a4646; padding: 10px 0;display: inline-block;width: 100% }
#end-footer span.text-small { color: white; font-family: 'Roboto Condensed',sans-serif; }
#end-footer span.text-big { font-size: 20px; color: white; font-weight: bold; }
#end-footer span.text-big i { font-size: 30px; }
#end-footer .border-right { position: relative; }
#end-footer .border-right:after { content: ''; background: #ccc; height: 47px; width: 1px; position: absolute; z-index: 9999; right: 40px; top: -9px; }
@media (min-width: 1200px) { #end-footer .col-md-3 { padding: 0; }
  .in-footer .left { padding: 0; } }
  /*Chat facebook*/
.wrap { position: fixed; width: 350px; height: 400px; z-index: 9999999; right: 50px; bottom: 30px; }
.x { font-family: 'Roboto Condensed',sans-serif; background: rgba(78, 86, 101, 0.8) none repeat scroll 0 0; font-size: 14px; font-weight: bold; color: #fff; display: inline-block; height: 25px; line-height: 25px; position: absolute; right: 0; text-align: center; top: -19px; width: 25px; z-index: 99999999; }
.x:hover { cursor: pointer; }
span.text-big.mnv-tuvan { -webkit-animation: text_animation_color infinite 1s; -o-animation: text_animation_color infinite 1s; animation: text_animation_color infinite 1s; font-family: 'Roboto Condensed',sans-serif; cursor: pointer; }
@keyframes text_animation_color { 40% { color: #ff0; }
  50% { color: #ff0; }
  90% { color: #fff; }
  100% { color: #fff; } }
.breadcrumb { border-radius: 0 !important; }
.border-right a{
    text-decoration: none;
}
.container-fluid{
    padding: 0;
}
.footer{
    background: #444!important;
}

@media(max-width: 768px){
    #end-footer{
        display: none;
    }
}
@media(min-width: 768px){
    ul.nav.navbar-nav{
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .navbar-header{
        display: none;
    }
}