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

@font-face {font-family: 'UTMAptimaBold';src: url('../fonts/UTMAptimaBold.ttf');font-family: 'Arial, Helvetica, sans-serif';}
@font-face { font-family: 'SFU'; src: url("/fonts/SFUFuturaRegular.TTF"); }
*{margin: 0;padding: 0;}
body{font-family: SFU, Arial, Helvetica, sans-serif;font-size:16px;overflow-x: hidden; }
body{font-family:times new roman;}
a{color:blue;}
a:hover{text-decoration:none;}
p{line-height: 1.5em}
td{padding: 8px;font-size:14px;}
label{font-weight:100;}

a:active{color:#ccc;}
img{border:none;max-width:100%;}
/* hieu ung */
.flipele{transform: scaleX(-1);display: inline-block;}
/* end hieu ung */
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;}
.quantity { position: relative;width: 100%;display: inline-block; }
.quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #eee; width: 40px; }
.quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; width: 40px; }
.quantity input {color: #e60f1e;font-weight: bold;width: 200px; height: 42px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; border: 1px solid #eee; margin-bottom: 10px; }
.quantity input:focus { outline: 0; }
.quantity-nav { float: left; position: relative; height: 42px; }
.quantity-button { position: relative; cursor: pointer; border-left: 1px solid #eee; width: 20px; text-align: center; color: #333; font-size: 13px; line-height: 1.7; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.button {display:inline-block;border:none;border-radius:0;color:#FFFFFF;padding: 5px 10px;cursor:pointer;text-shadow:none;}
.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;
}
.product > div{padding:0 0 15px 0;}
.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-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{background-image:linear-gradient(to bottom,#d1ffff 0,#d9edf7 100%);color:#555 !important;}
.navbar {margin-bottom:0;min-height:40px;}
.navbar-brand{color:#fafafa !important;height:50px;padding:13px 15px 15px 15px;}
.navbar-nav>li>a {color: #f6f7f9 !important;text-transform: uppercase;text-shadow: none;}
li.cart {display:inline-block;}
li.cart .cartnow{background-color: #337ab7;}

.navbar-default{background-image:none;background-color:#2e6da4;border:none;border-radius:0;}
.logo,.logo img{width: 100%;}
.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:#2e6da4;color:#f1f1f1;font-size:18px;position: fixed;width: 100%;z-index:9999;top:0;}
.max-slider{margin:0 auto;width:100%;}
.slider-left{
	margin:auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border: 2px solid #d9edf7;
    border-width: 0 0 15px 0;
	background-color: #f5f5f5;
}
.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:#fff;color:#000;}
.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%;position:relative !important;}
#wowslider-container1 .ws_images{height:unset !important;max-height: unset;}
.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:15px 0;}
.square{border: 1px solid #ddd;border-radius: 15px;margin-bottom: 15px;}
.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{padding: 0 10px;}
.left-title span{
    font-size: 18px;
    color: #920404;
    padding: 10px 15px;
    font-weight: 200;
    display: block;
}
.left-ul ul{
    list-style: none;
    width: 100%;
}
.left-ul > ul > li{color: #555;font-size: 18px;}
.left-ul > ul > li > a{color: #000;}
.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.danhmuc 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;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;
}
.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:15px 0;
    color: #455A64;
    margin: 0;
    text-transform: uppercase;
    font-size: 25px;
    text-shadow: 1px 1px 1px #ddd;
}
.prtitle{padding:15px;}
.prtitle a{color:#333;}
.prtitle.childmenu{display:inline-block;padding: 5px;margin:4px;}
.prtitle.childmenu a{border-radius: 25px;border: 1px solid #ddd;padding:5px 15px;color:#337ab7;transition:0.5s;}
.prtitle.childmenu a:hover{border-radius: 5px;border:1px solid #ffffff4a;background-color:cornflowerblue;color:#fff;}
.item{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
}
.item-img{width:100%;height:280px;position:relative;overflow:hidden;}
.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{position:absolute;width:auto;margin:auto;left:0;right:0;top:0;bottom:0;max-height: 100%;transition: all 1s ease;}
.item-img img:hover{transform: scale(1.8, 1.8);}
.item-name{position: relative;}
.item-name h3{text-align:center;margin:0;padding: 5px 5px 0 5px;}
.item-name a{font-size:15px;color:#2e6da4;display:block;padding:5px;}
.item-price{text-align:center;background-color:#fff;}
.item-price p{color:red;font-size:16px;margin:0;padding:0 5px;font-weight: bold;}
.item-price strong{color:red;}
.percentid{position:relative;top:-2px;margin:0 5px;font-size: 13px;}
.item-contact{color:red;text-align:center;font-size:18px;background-color: #fff;}
.item-over{float:left;width:100%;padding-top:10px;padding-bottom:10px;}
.item-left{
    width: 98px;height: 34px;float: left;margin-left: -7px;
    background: url(../images/chitiet.png) no-repeat top left;
}
.item-left a{color:white;font-size:13px;line-height:30px;left:10px;position:relative;}
.item-left a:hover{color: #2F271C;}
.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:280px;padding-top:0.5%;padding:0;}
.slider-row > div > div{padding-top:15px;padding-bottom:15px;margin-bottom:10px;}
.slider-row > div > div > form > div{padding:0px;border-left:1px solid #ddd;box-shadow:1px 1px 3px #ccc;}
.slider-row .eve-img{height:160px;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;}
.slider-row .eve-title{padding:0;}
.slider-row .eve-title a{padding:6px;color:#087cd4;background-color:#fff;height:54px;text-align:center;font-weight:bold;font-size:20px;}
.slider-row .left,.slider-row .right{width:2%;opacity:1;background:transparent;}
.slider-row .left span,.slider-row .right span{background-color:#FF5722;border-radius:50%;padding:10px;width:52px;height:52px;}
.doitac{float:left;width:100%;border:5px solid #ddd;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{background-color:#0993e4;height:40px;margin-top:20px;text-align:center;position:relative;}
.doitac-tit p{text-transform:uppercase;color:white;font-size:22px;font-weight:bold;line-height:40px;}
.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{
    width: 100%;
    min-height: 280px;
    background-color: #4c4c4c;
    background-size: cover;
    box-sizing: border-box;
}
.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;}
.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;}
.bottom-menu{text-align:center;color:#777;font-size:20px;margin-bottom:30px;}
.bottom-menu a{color:#333;font-size:20px;/*text-shadow: 1px 1px 1px #000;*/}
.social{display:block;text-align:center;padding:5px 0;}
.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: black;
    padding:10px 25px 0px 25px;
	background-color:#5bc0de;
}
.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 {font-size:16px;}
.product_info .product-price span{color:#F00;}
.product_info .call a{background-color:#337ab7;text-decoration:none;}
.tag .tag-a{
	background-color: #fafafa;
    padding: 0 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;
}/*----------------------------------------------------*/
.tablelienhe .input{
    width: 500px;
    height: 28px;
}
.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;display:block;}
#map_canvas{width:100%;height:400px;}
.slider-ngaunhien{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;}
.new-name h3 a{font-size:13px !important;}
.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 5px;font-size: 12px;font-weight: 100;line-height: 15px;}
.logo-left{padding:5px 15px;}
.logo-left img{height:50px;}
.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{height:300px;overflow:hidden;}
.index-new-one .box-img img{width:100%;}
.index-new-one .box-img p{text-align:center;padding:8px;font-size:13px;}
.index-new-one .box-info{height:300px;}
.masp{text-align:center;}
.content-main iframe{max-width:100%;}
.dltn{text-align:center;}
.dltn a{
	text-shadow:0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.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;*/
}
.navbar-toggle{background-color: #d9edf7;}
.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;}
#carousel-video iframe{width:100%;height:381px;}
.carousel-caption {bottom:30%;background-color:rgb(46 109 164 / 58%);border-radius:30px;padding:20px 20px 27px 20px;right:25%;left:25%;}
.carousel-caption h2{margin:0;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{width: 100%;}
.mini-search{padding:5px;display:inline-block;float:right;position:relative;top:3px;}
.mini-search .input-group-addon a{color:#000;font-size: 18px;}
.call-top{padding:5px 50px;background-color:#d9edf7;border-bottom:2px solid #bce5f1;}
.call-top a{color:#2e6da4;text-decoration:none;font-size:16px;}
.carttop{position:relative;top:5px;}
.carttop img{height:40px;}
.carttop a{text-decoration:none;}
.cart-button-index{position:absolute;width:100%;padding:30px;opacity:0;transition: 1s;}
.cart-button-index a{width:100%;margin-top:10px;}
.cart-button-index:hover{opacity:1;}
.product .item-img:hover .cart-button-index{opacity:1;}
.carttop .badge{font-weight:100;}
.breadcrumbox{background-color:#f5f5f5;}
.breadcrumbox a{color:#2e6da4;}
.boxcontact{padding-bottom:15px;}
.boxcontact:nth-of-type(1){background-color:#f1f1f1;}
.contactpage{border:1px solid #d9edf7;border-width:1px 0 1px 0;}
.footer .container > div{padding:15px;}
.block{padding: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;
}
.col-md-12.right, .col-md-12.right .block{padding:0;}
.left{padding:15px 0;}
.cartpage small, .cartpage small .percentid{color:#777;font-size: 12px;}
.cartpage .product-qty input{width:100%;}
.cartpage .product-img, .cartpage .product-name{padding:0;}
.cartpage .product-del{padding:10px;}
.cartpage .product-del img{width:20px;}
.cartpage .product-img img{width:100%;height:auto;}
.cartpage .cartbox{border:1px solid #ddd;padding:5px;border-radius:10px;}
.cartpage .product-qty > div > div:hover{cursor:pointer;}
.cartpage .cartboxpr{padding:0 15px 15px 0;}
.morebutton{padding:5px 0;display: inline-block;}
.product-price-total, .product-control{padding:5px;}
.product-price-all{padding-top:10px;}
.carousel-inner>.item{padding:0;}
.navbar-nav>li>a{font-size:15px;}
#wowslider-container1 .ws-title {display: none !important;}

@media (min-width: 1200px){
    .main{width:85%;}
    .footer-center{padding:0 50px;}
}
@media (min-width: 992px){
    .left-small{display:none;}
	/*.slider-row > div{width:20%;}*/
	.slider-row .eve-title a {font-size:15px;}
	.slide-right > div{width:100%;}
}
@media( min-width: 768px){
    .showmenu{display:none;}
	.navbar-nav>li>a{padding-top:15px;padding-bottom:15px;}
	.navbar-right {margin-right: 15px;}
	.form-inline .form-control{max-width: 85%;}
	.navbar-nav>li.dropdown.open ul{opacity:1;animation: showhover 0.3s linear;}
	.mini-search .input-group-addon{position:relative;left:-30px;}
}
@media( min-width: 600px){
    .btgrgh{text-align:right;}
}

@media (max-width: 1350px){
	.square.hotro .left-title{height:auto !important;padding:5px;}
	.navbar-nav>li>a{padding-left:7px;padding-right:7px;}
}
@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:18px;}
	.header .container{width:100%;}
	.cartpage .cartboxpr{padding-right:0;}
	.right, .block{padding-left:0;padding-right:0;}
	.navbar-nav>li>a{padding-left:6px;padding-right:6px;}
}

@media (max-width: 768px){
	.navbar-nav>li>a{padding-left:5px;padding-right:5px;}
    .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%;}
	.slide-right {padding:0;}
	.masp{text-align:center;}
	.item-name a {font-size:13px;}
	.item-price strong{font-size:14px;}
	.item-contact{font-size:14px;}
	.product_info .cart,.product_info .call{display:inline-block;}
	/*.product_info .cart button,.product_info .call a{font-size:25px;}*/
	.item-img img{}
	.wapper .left{float:none;}
	.mobi-tell-bottom{position:fixed;bottom:0;width:100%;text-align:center;background-color: rgb(255 255 255 / 90%);}
	.mobi-tell-bottom a{padding:10px 15px;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;}*/
	.main-center{padding-top:20px;}
	.navbar-nav>li.dropdown>a>span.icon{float:right;}
	.navbar-default .navbar-nav .open span.icon{transform:rotate(180deg);animation:flitphori 0.3s linear;}
	.navbar-default .navbar-nav .open .dropdown-menu{animation:showhover 0.5s linear;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fafafa;}
	.navbar-default{position: fixed;width: 100%;top: 0;z-index: 99999;padding: 0 15px;}
	.header{margin-top:50px;}
	.wapper > .right {padding:0;}
	.block-content {margin:0;padding-left:3px;padding-right:3px;text-align: justify;}
	.block-title {text-align:center;}
	.index-new-one .box-img{height:450px;}
	.index .product{padding:1px;}
	.index.block{margin-left:-4px;margin-right:-4px;}
	.product_info .cart button,.product_info .call a{font-size:15px;}
	.navbar-toggle{float:left;margin-left:10px;}
}
@media (max-width: 600px){
	.container-fluid{padding:0;}
	.block-content > div{padding:0;}
	.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:335px !important;max-height:auto;float:none;}
	.slider-row .eve-img{height:300px;}
	.slider-row .eve-img img{height:300px;}
	.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: 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;}
    .slider{float:none;height:auto;}
    .slider-left{float:none;width:100%;}
    .slider-left img{}
    .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;}
	.item-img {height:120px;}
}
@media (max-width: 520px){
	.item-over{height:70px;}
	.newsblock{width:100%;}
	.prtitle.childmenu a{font-size:11px;}
}
@media (max-width: 500px){
	.slider-row > div{width:100%;}
	.item-price p{font-size: 13px;}
}

@keyframes showhover{
 0%   {opacity: 0;}
 100% {opacity:1;}
}
@keyframes flitphori{
 0%   {transform:rotate(0deg);}
 100% {transform:rotate(180deg);}
}