@font-face {
    font-family: 'UTM Avo';
    src: url('../fonts/UTM Avo_0.ttf');
    font-style: normal;
}
.utm-avo{font-family: "UTM Avo"}
body{background: #fff; font-family:Arial, sans-serif; color: #333;}
body.fixed{padding-top: 80px}
img{max-width: 100%}
a{color: #333}
a:hover{color: #000}
a:hover, a:visited, a:focus{text-decoration: none; outline: none !important;}
.logo{line-height: 80px}
.menu-v-home{margin: 0; padding: 0}
.mtop0{margin-top: 0px}
.mtop10{margin-top: 10px}
.mtop20{margin-top: 20px}
.mtop30{margin-top: 30px}
.mtop40{margin-top: 40px}
.mbot10{margin-bottom: 10px}
.mbot20{margin-bottom: 20px}
.mbot30{margin-bottom: 30px}
.mbot40{margin-bottom: 40px}
.relative{position: relative}
.red{color: #d71920}
.red:hover{color: #f41f2e}
.padding0{padding: 0}
#top-header{background: #fff; box-shadow: 0 0 3px #ccc}
#top-header .top{padding: 10px 0}
.menu{overflow: visible}
.ul-menu{text-align: left; margin-bottom: 0; padding-left: 0}
.ul-menu > li{display: inline-block}
.ul-menu > li:last-child a{padding-right: 0}
.ul-menu > li > a{font-size: 13px; color: #333; text-transform: uppercase; padding: 0px 25px; display: block; line-height: 45px;  transition: padding 1s; border-bottom: 3px solid transparent}
.ul-menu > li > a:hover, .ul-menu > li:hover > a, .ul-menu > li.active > a{border-bottom: 3px solid #d71920}
.about-b{ text-align: center}
.about-b > div > a{display: inline-block; width: 80%}
.about-b > div img{border-radius: 50%; border: 3px solid #fff; opacity: 0.8; transition: 0.5s}
.about-b > div img:hover{
    opacity: 1;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.about-b > div h5{text-transform: uppercase; margin-top: 20px; font-weight: bold}
.slide .item img{}
.bg-service{
    background: url('../images/bg-dv.png') center repeat-x;
    height: 250px;
    padding: 50px;
    margin-top: 30px;
}
.bg-service img{
    border-radius: 10px;
}
.list-service{line-height: 25px}
.list-service a{margin-left: 45px}
.list-service > div > h3{
    font-size: 20px; font-weight: bold;
    line-height: 50px;
}
#main{padding-bottom: 40px}
#footer{margin-top: 0px}
.icon{width: 50px; height: 50px; display: block; float: left; margin-right: 10px;}
.icon-xam{background: url("../images/icon-xam.png") center no-repeat; border: 1px solid #9e6835; border-radius: 50%}
.icon-skin{background: url("../images/ic-skin.png") center no-repeat; border: 1px solid #9e6835; border-radius: 50%}
.icon-amdao{background: url("../images/ic-amdao.png") center no-repeat; border: 1px solid #9e6835; border-radius: 50%}
.customer{background: #f3f3f3}
.title-customer{font-weight: bold; text-transform: uppercase; margin-top: 0}
.img-customer{}
.bold{font-weight: bold}
.block-news-home{margin-bottom: 10px; min-height: 100px}
.head-news{text-transform: uppercase; text-align: center; background: #d71920; color: #fff; padding: 8px 10px}
.viewmore{font-style: italic; font-weight: bold;}
#footer{background: #d71920; padding: 50px 0; color: #fff}
.social a{color: #fff; font-size: 40px; margin-right: 20px}
.ul-menu > li{position: relative}
.ul-menu a{color: #432c15; }
.ul-menu > li > ul{position: absolute; top: 45px; left: 0; z-index: 999;
    background: #fff; padding: 10px; box-shadow: 0 1px 1px 1px #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
}
.ul-menu li{ list-style: none; white-space: nowrap}
.ul-menu > li > ul > li > a{text-transform: uppercase; margin-left: 20px; border-bottom: 1px dotted #ccc}
.ul-menu > li > ul a:hover{font-weight: bold}
.ul-menu > li > ul a{line-height: 30px;display: block}
.ul-menu .sub-menu{padding-left: 0}
.ul-menu .sub-menu li a{line-height: 35px; padding-right: 20px}
.top-small{position: fixed; width: 100%; z-index: 999; top:0; left: 0}
.top-small .ul-menu{margin-top: 0}
.top-small .ul-menu > li:last-child > a{padding-right: 0}
.top-small .ul-menu > li > ul{top: 41px;}
.top-small .top{display: none}
.top-small .logo0{height: 40px}
.icon-menu{display: none}
.li-news{min-height: 150px; line-height: 25px; border-bottom: 1px dotted #ccc ; padding: 10px 0}
.news-title{font-weight: bold; text-transform: uppercase}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
    background: #d71920; border-color: #d71920;
}
.pagination > li > a, .pagination > li > span{color: #d71920}
.product-title{height: 55px; overflow: hidden; font-weight: bold; padding: 10px;}
.product-title a{ display: block}
.product-item{background: #fff; margin-bottom: 30px; box-shadow: 0px 0px 5px 0px rgba(204, 192, 192, 0.75);}
.product-item .product-price{background: #d71920; color: #fff; text-align: center; padding: 10px; font-size: 16px; font-weight: bold}
.breadcrumb a{
    font-size: 16px;
}
.post-title{margin-top: 0; font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px}
.breadcrumb{background: #eee; border-radius: 0; color: #666; margin-top: 20px}
.breadcrumb a{color: #666}
.product-detail{margin-bottom: 50px}
.img-detail{border: 1px solid #ccc}
.cmobile{display: none}
.ul-menu-mobile{display: none}
.orther-product a{line-height: 20px}
.cat-title{font-size: 24px}
.text-footer{text-align: left}
.text-footer a{color: #fff; font-size: 14px}
table, tr, td{border: 1px solid #ccc; padding: 2px}
#owl-home .owl-pagination{position: absolute; bottom: 10px; left: auto; right: auto; width: 100%; text-align: center}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #d71920; opacity: 0.95}
#top-header .top{border-bottom: 1px solid #eee}
.logo0{margin-top: 8px; height: 70px}
.owl-theme .owl-controls{margin-top: 0}
.logo1{height: 40px}
.title-home{margin-top: 40px; color: #d71920; text-transform: uppercase; font-size: 40px; padding: 10px; font-family: 'Anton', sans-serif;}
.title-sidebar{background: #d71920; color: #fff; text-transform: uppercase; font-size: 18px; padding: 10px; font-family: 'Anton', sans-serif; margin-bottom: 10px}
.title-cat{font-size: 24px; margin-top: 0}
.title-detail{font-size: 24px; margin-top: 0; padding-left: 0; color: #333}
.page-title{margin-top: 0px; border-left: 2px solid #d71920; color: #d71920; text-transform: uppercase; font-size: 30px; padding: 10px; font-family: 'Anton', sans-serif;}
.title-home span{}
#duan{background: #eee; padding-bottom: 40px}
.box-duan{background: #fff; margin: 20px; padding: 10px}
.ul-menu-sidebar{padding-left: 10px}
.ul-menu-sidebar li{list-style: none; border-bottom: 1px solid #f8f8f8}
.ul-menu-sidebar li a{display: block; line-height: 40px;}
.ul-menu-sidebar li.active a, .ul-menu-sidebar li:hover a{color: #d71920}
.wrap-img{padding: 10px}
.tab-detail{font-weight: bold; text-transform: uppercase; background: #d71920; display: inline-block; color: #fff; padding: 5px 10px}
.detail-product{border-top: 1px solid #eee; padding: 15px 0}
.price-detail{color: #d71920; font-size: 24px; font-weight: bold; font-family: 'Anton', sans-serif;}
.wrap-buy{margin-top: 20px}
.btn-mua{background: #d71920; color: #fff; font-size: 20px}
.btn-mua:hover{background: #d74b49; color: #fff; }
#waiting{display: none}
input, textarea, select{border-radius: 0 !important; box-shadow: none}
.shopping-cart{margin-left: 10px; background: #d71920; color: #fff; padding: 3px 5px; border-radius: 5px; font-size: 12px}
.shopping-cart:hover{background: #d74b49; color: #fff}
.order-form{background: #f8f8f8; padding: 10px; border-radius: 5px}
.error{color: red}
.video-container {
    position:relative;
    padding-bottom:46.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    text-align: center;
}
.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left: 10%;
    width:80%;
    height:100%;
}
.star-rating {line-height:32px;  font-size:1.25em;  }
.star-rating{color: #333; font-size: 16px; cursor: pointer}
.star-rating .fa-star{color: #cece00;}
.ratingbot{padding: 0 20px; text-align: right}
.menu-footer a{color: #fff}