@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: 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 ul{padding-left:15px;}
.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;padding:5px;height:auto;margin-left:0;}
.navbar-brand img{max-height:80px;}
.navbar-collapse{line-height:0;}
.navbar-nav,.navbar-right{float:none !important;display:inline-block;}
.navbar-nav>li>a {color: #025f86 !important;text-transform: uppercase;}
.navbar-default{background-image:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;}
.logo,.logo img{width: 100%;}
.logo a{display:block;}
.nav-box{background-color:#3e85e5;}
.langbutton{max-width:19.5px !important;}
.carousel-indicators{right: 10px;top: 0;display: grid;margin: auto;width: 25px;height: 50%;left:unset;}
.carousel-indicators li,.carousel-indicators .active{width:15px;height:15px;}

.carousel-inner>.item>a>img{margin:auto;width:100%;height:auto;position:absolute;left:0;right:0;top:0;bottom:0;}
.carousel-inner>.item>a{position:relative;height:600px;display:inline-block;width:100%;}
.carousel-caption{background-color: rgba(0,0,0,0.6);border-radius: 30px;}
.dropdown-submenu{position:relative;}
.dropdown-submenu .dropdown-menu{left: 100%;top: 0;}

.rightlogo{display:inline-block;margin: 0;}

.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: #1c7eac;
    color: #f1f1f1;
    font-size: 18px;
}
.slider{height:500px;}
.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: 500px;
}
.slide-right{padding:0;}
.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: #eee9f0;
    width: 100%;
    position: relative;
}
.square.hotro .left-title span{
	top: 13px;
	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: 50px;top: 15px;position: relative;}
.square.hotro ul li span{
    font-weight: bold;
    color: #00c1c1;
    font-size: 16px;
    padding: 0 10px;
}
.left-title{
    width: 100%;
    height: 40px;  
    display: block;
    position: relative;
	background-color:#f0f0f0;
	border-bottom: 3px solid #aaa;
}
.left-title span{
    font-size: 18px;
    color: #920404;
    padding: 10px 15px;
    font-weight: 200;
    display: block;
}
.left-ul{
    float: left;
    width: 100%;
}
.left-ul ul{
    list-style: none;
    width: 100%;
}
.left-ul > ul > li{
    color: #555;
    font-weight: bold;
    font-size: 18px;
    display: block;
    position: relative;
	border-bottom: 2px solid #ccc;
}
.left-ul > ul > li > a{
	background-color: #e0e0e0;
    padding: 10px 15px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
	display:block;
}
.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: 0 0 0 15px;
    position: relative;
    color: #353535;
}
.left-ul ul li ul li:first-of-type{border:none;padding-top: 5px;}
.left-ul ul li ul li a{color:#222;font-weight:600;display:block;padding-bottom:5px;font-size:15px;}
.left-ul ul li ul li{border-top:1px solid #fff;}
/*
.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%;
    margin-bottom: 15px;
}
.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: 0;
    text-transform: uppercase;
    font-size: 25px;
    text-shadow: 1px 1px 1px #ddd;
}
.block-content{

}
.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;
}
.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;
    background-color: #fff;
}
.item-name h3{text-align:center;margin:0;padding: 5px 5px 0 5px;}
.item-name a{
    font-size: 15px;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    display: block;
	padding: 5px;
	height:54px;
}
.item-price{
    text-align: center;background-color: #fff;
}
.item-price p{
    color: red;	
    font-size: 18px;
	margin:0;
	height:66px;
	overflow: hidden;
}
.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;
}

.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;position:relative;}
.slider-row > div{padding:0 5px;}
.slider-row .eve-img{height:160px;padding:0;background-color:#999;overflow:hidden;}
.slider-row .eve-img a{display: block;position: relative;width: 100%;height: 100%;}
.slider-row .eve-img img{position: absolute;margin: auto;left: 0;top: 0;right: 0;bottom: 0;}
.slider-row .eve-title{padding: 0 0 15px 0;background-color:#a9d4e7;}
.slider-row .eve-title a{padding:6px;color:#024b69;height:54px;text-align:center;font-size:20px;line-height: 24px;overflow:hidden;}
.slider-row .left,.slider-row .right{width:2%;opacity:1;background:transparent;}
.slider-row .left span,.slider-row .right span{background-color: rgba(1, 136, 191, 0.36);padding:10px;width:52px;height:52px;}
.slider-row .left span:hover,.slider-row .right span:hover{background-color: rgba(1, 136, 191, 0.86)}
.sliderbutton{display:inline-block;margin:0;padding:5px 10px;background-color:#0188bf;color:#fff;border-radius:15px;}

.spnoibat .slider-row >div{margin-bottom:20px;}
.spnoibat > .title {text-align: center;margin: 0;padding: 15px;}
.spnoibat .slider-row .left span, .spnoibat .slider-row .right span{background-color:rgba(65, 202, 170, 0.5);border-radius: 50%;text-shadow: none;}
.spnoibat .slider-row .left span:hover,.spnoibat .slider-row .right span:hover{background-color: rgba(217, 83, 79, 0.86);}

.slider-row.news .eve-img{height:200px;}
.slider-row.news .eve-title{background-color:transparent;padding:15px;}
.slider-row.news .eve-title a{background-color:#fff;border-radius:15px;top:-30px;}
.slider-row.news .newsbutton{position: relative;padding: 10px 15px;border: #d9534f 1px solid;border-radius: 25px;color:#921814;top:-20px;}
.news > div{margin-bottom:30px;}

.doitac{width: 100%;position:relative;overflow:hidden;}
.doitac .item{width:130px;height:130px;position:absolute;overflow:hidden;display: inline-block;}
.doitac .item img{position:absolute;width:auto;height:auto;margin:auto;left:0;right:0;top:0;bottom:0;max-width:unset;}

.duannoibat{overflow:hidden;}
.duannoibatbox{margin:20px 0;}
.duannoibatbox > .itembox{height:500px;width:800px;display: inline-block;overflow:hidden;position:absolute;left:120%;background-color: darkcyan;}
.duannoibatbox > .itembox .eve-img{height:500px;width:800px;padding:0;}
.duannoibatbox > .itembox .eve-img a{display: block;width: 100%;height: 100%;}
.duannoibatbox > .itembox .eve-title{position: absolute;padding: 0;bottom: -100px;}
.duannoibatbox > .itembox.active .eve-title{bottom: 0;}
.duannoibatbox > .itembox .eve-title a{padding:10px 10px 0 10px;background-color:rgba( 0, 0, 0, 0.7);color:#fff;font-size:18px;display: block;}
.duannoibatbox > .itembox .eve-title p{padding:10px;background-color:rgba( 0, 0, 0, 0.7);color:#fff;font-size:15px;margin:0;}
.duannoibatbox > .itembox.active{z-index:1;}
.duannoibatbox > .itembox img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;z-index:-1;width:100%;}
.duannoibatbox > .itembox.next, .duannoibatbox > .itembox.prev{opacity:0.5;z-index:0;}
.duannoibatbox .slider_control{
	z-index:2;position: relative;
	padding: 10px 12px 12px 12px;
    display: inline-block;color: #036363;
    background-color: rgba(255, 255, 255, 0.57);
    border-radius: 5px;top: 10px;font-size: 20px;
}

.itembox{transition:left 1s, opacity 1s, z-index 2s;}
.itembox .eve-title{transition:bottom 1s;}

.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;}

.footer{
    width: 100%;
    min-height: 280px;
    background-color: #4c4c4c;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 30px;
}
.col-4{
    float: left;
    width: 30%;
    padding: 0 5px;
}
.col-5{
    float: right;width: 25%;
}
.info,.thongke{min-height:180px;padding:5px;}
.fanpage{min-height:180px;padding:0;}
.fanpage{text-align:center;}
.company{
    float: left;
    width: 100%;
    margin:10px 0 0 0;
    text-align: left;
	padding-left:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-center{width: 100%;margin: 0 auto;color: #fff;padding-top: 15px;}
.footer-center > div{margin-bottom:20px;}
.footer-center a{font-size: 14px;text-decoration: none;color:#fff;}
.company p{
    text-transform: uppercase;
    font-size: 15px;
    color: #333;
}
.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;}
.thongke{text-align: left;margin-bottom: 10px;color:#333;font-family: serif;}
.thongke p{color: #333;}
.thongke img{top: -2px;position:relative;}
.thongke > div{padding:0;}

.social{display:block;text-align:center;margin-bottom:15px;}
.social a{margin-right: 5px;}
.social img{width:30px;}
.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{
    text-align: center;
    line-height: 24px;
    color: white;
    padding:10px 25px 0px 25px;
	background-color:#1c7eac;
}

.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:center;
    padding-top:15px;
}
.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{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.big-img img{
    width: 100%;
    height: auto;
}
.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;}

.logo-left{position: absolute;top: 0%;left: 10%;}
.logo-left img{width:20%;}
.slide-content{padding:0;border-left:5px solid #ddd;}
.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%;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;}
.content-main iframe{max-width:100%;}
.slide-right > div > h2{text-shadow:0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000;}

.contact{
	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;
}
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:50px;right:25px;}
.language img{width:40px;}
.language button{border:none;background:transparent;}
.mobilelang{float:right;display: inline-block;position: relative;left: 43px;top: 50px;}


@media (min-width: 1200px){
    .main{width:85%;}
    .footer-center{padding:0 50px;}
}
@media (min-width: 992px){
    .left-small{display:none;}
	.slide-right > div{position:absolute;width:100%;}
}
@media( min-width: 768px){
    .showmenu{display:none;}
	.navbar-nav>li>a{padding: 35px 10px;font-size:12px;}
	.navbar-right {margin-right: 15px;}
	.item-img img{height:270px !important;}
	.big-name h3 a {height:53px;display: inline-block;font-size: 20px;text-decoration: none;}
	.big-des p{height:63px;}
	li.dropdown:hover{background-image: linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);box-shadow: inset 0 3px 9px rgba(0,0,0,.075);}
	li.dropdown:hover > .dropdown-menu{display:block;}
	.dropdown-submenu:hover > .dropdown-menu{display:block;left: 100%;top: 0;}
}

@media (max-width: 1350px){
	.square.hotro .left-title span img {display:none;}
	.square.hotro .left-title{height:auto !important;padding:5px;}
	.square.hotro .left-title span{font-size:13px !important;}
	.hotro ul > li {font-size:12px;}
	.hotro ul > li span {font-size:12px !important;}
}
@media (max-width: 1055px){
	.rightlogo{display:none;}
}
@media (max-width: 992px){
    .left-small{width:100%;}
	.slide-right > div{position:relative;}
	.slide-right > div > h2{text-align:center !important;padding:0 15px;}
    .col-4{float:none;width:auto;max-width: 400px;padding-top:20px;margin: auto;}
	.left-ul > ul > li {font-size:13px;}
	.carousel-inner>.item>a{height:450px;}
}

@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;}
	.carousel-inner>.item>a{height:350px;}
	.slider-row .left span,.slider-row .right span{width:48px;height:43px;}
	.dropdown.open .dropdown-menu{display:block;}
	.navbar-nav, .navbar-right{display:block;}
	.navbar-collapse{text-align:left;}
	.mobilelang > li{display:inline-block;}
}
@media (max-width: 600px){
	.slider-row .eve-title a{font-size:12px;}
	.slider-row > div,.slider-row > div > div{padding:0;}
	.spnoibat .slider-row > div{padding:0 3px;}
	.MagicZoomPup,.MagicZoomBigImageCont{display:none !important;}
	.tablelienhe .input{width:100%;}
	.tablelienhe textarea{width:100% !important;}
    .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: 350px;margin: auto !important;float:none;display: block;padding-top:10px;}
    .left-ul > ul > li > a{padding-left:10px;}
    .content-main{width:100%;}
    .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%;}
	.slider-row.news .eve-img{height:150px;}
    .tieptuc, .big,#top,.noidung,.left-content,.read-more,.ma-brand-slider .jcarousel-next-horizontal,.item{margin-right: 0;right:0;padding-right: 0;}
	.duannoibatbox .slider_control,.duannoibatbox > .itembox .eve-title p{font-size:13px;}
	.duannoibatbox > .itembox .eve-title a{font-size:15px;}
}
@media (max-width: 500px){
	.carousel-inner>.item>a{height:200px;}
	.container-fluid{padding:0 5px;}
}