@import url('html5-reset.css');
@import url('font-awesome.min.css');
@import url('../fonts/stylesheet.css');

.header{float:left; width:100%; position:relative;}
.top-header{background:#eee; padding:3px 0;}
.social li{float:left; }
.social li a{margin-left:10px; font-size:16px; color:#666}
.social li a:hover{color:#EF9B52}
.top-header .hotline{margin-top:3px}
.top-header .hotline{font-size:13px; color:#333}
.top-header .hotline i{margin-right:6px}
.top-header .hotline b{margin:0 10px; font-weight:normal}
.top-center{margin-bottom:30px; float:left; width:100%;}
.header .logo{margin-bottom:10px; margin-top:10px;}
.header .logo img{display:block; max-width:100%;}
.header .search{padding:15px 15px; margin-top:20px;}
.header .search input, .search-mobile input{border-radius:0; border-color:#ddd; font-size:12px; font-weight:normal}
.header .search button, .search-mobile button{border-color:#3CB54C; border-radius:0; background:#3CB54C; color:#fff; font-size:21px; padding:1px 15px}
.header .search button:hover{background:#3c0}
.header .search input:focus, .search-mobile input:focus{box-shadow:none; border-color:#ccc}
.header .search button:focus, .search-mobile button:focus{box-shadow:none; border-color:#ccc}

.search-mobile{padding-top:8px;}
.search-mobile input{border-radius:0; border:0; font-size:13px;}
.search-mobile button{border-color:#3CB54C; background:#3CB54C; color:#fff; font-size:15px; padding:6px 10px 5px 10px}
.search-mobile button:hover{background:#390; border:0}

.navbar{min-height:inherit}
.navbar-collapse, .navbar-brand{transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out}

.header .shiper{margin-top:32px; padding-left:30px}
.header .shiper i{ font-size:40px; color:#666; float:left; margin-right:10px;}
.header .shiper p{text-transform:uppercase; font-weight:600}

.header .cart{margin-top:34px}
.header .count-cart{float:right;}
.header .count-cart small{background:#3CB54C; font-size:20px; color:#fff; padding:7px 15px; float:left}
.header .count-cart span{border-left:1px solid #ddd;  border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; display:inline-block; height:34px; line-height:34px; padding-left:9px; padding-right:8px;}
.header .count-cart span i{color:#70A938}

.header .container{position:relative;}
.navprimary{margin-bottom:0; border:0; border-radius:0; background:#3CB54C; position:relative}
.navprimary ul li{position:relative}
.navprimary ul li a{color:#fff; font-weight:700; text-transform:uppercase; padding:12px 15px 12px 15px; }
.navprimary ul li a:hover{background:none; color:#ccc  }
.navprimary ul li.active a{background:none; color:#ccc }
.fixed{ position:fixed ; width:100%; z-index:20; top:0}
.fixed .navbar-collapse{margin-top:0;}
.fixed .lang{display:none}
.fixed .navbar-brand{margin-top:0; }
.fixed .navbar-brand, .fixed .navbar-collapse{ transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out}
.dropdown-menu{border: 1px solid #ccc; border-radius:4px !important; width:460px; padding:15px 0; font-size:13px;}
.dropdown ul.dropdown-menu:before{ content: ""; border-bottom: 10px solid #fff; border-right: 10px solid transparent;  border-left: 10px solid transparent;  position: absolute; top: -10px; left: 16px; z-index: 10;}
.dropdown ul.dropdown-menu:after {  content: "";  border-bottom: 12px solid #ccc; border-right: 12px solid transparent;
 border-left: 12px solid transparent; position: absolute; top: -12px; left: 14px; z-index: 9;}
.dropdown-menu li a{ font-weight:normal !important; color:#333 !important; font-size:12px; text-transform:uppercase !important}
.dropdown-menu li{padding:5px 0}
.dropdown-menu h2{margin-bottom:10px; }

.dropdown-right{right:0 !important; left:auto !important}
.dropdown ul.dropdown-right:before {right: 16px; left:auto}
.dropdown ul.dropdown-right:after {right:14px; left:auto}
.content{padding:30px 0}
.page-title{text-transform:uppercase; font-size:16px; color:#333; padding:15px 0}
.page-title h2, .page-title h1{border-left:3px solid #70A938; padding-left:15px; font-weight:700}
.gray{background:#F6ECEB;}
.brand{background:#D1E8B4; padding:25px 0; margin-bottom:15px;}
.brand .breadcrumb{background:none; text-transform:uppercase; margin-bottom:0; font-weight:600}
.bread-link{margin-top:8px; color:#666}
.bread-link a{color:#666}

.product{border:1px solid #ddd; background:#fff; padding-top:15px; margin-top:15px; margin-bottom:15px;}
.product .thumb{position:relative; overflow:hidden; }
.product img{width:100%; display:block; transition:all 0.3s ease-in-out; }
.product img:hover{transition:all 0.3s ease-in-out; opacity:0.6}
.product h2{height:36px; overflow:hidden}
.product h2 a:hover, .shop-info h3 a:hover {color:#D9242D}
.entry-title{margin:15px 0; line-height:1.5}
.entry-title a{color:#000}
.entry-price{}
.entry-price strong{color:#F00; font-size:15px}
.entry-cart{text-align:center; margin:15px 0 20px 0}
.entry-cart a{display:inline-block; background:#3CB54C; color:#fff; text-transform:uppercase; padding:6px 15px}
.entry-cart a i{position:relative; margin-right:5px;}
.entry-cart a:hover{background:#390}
.entry-content p, .descate p{margin-bottom:15px;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .descate h1, .descate h2, .descate h3, .descate h4, .descate h5, .descate h6{font-weight:600px;  margin-bottom:15px !important}
.entry-content .intro-text{margin-bottom:10px;}
.entry-content .share{margin-top:15px;}
.entry-content img{width:100%; height:auto}
.help-content img{width:auto; max-width:100%}
.descate img{height:auto; width:100%; margin:10px 0}
.descate ul, entry-content ul {padding:0 15px;}
.descate ul li, entry-content ul li {list-style:outside; margin-bottom:10px;}

.tags-list h2{display:inline-block; font-size:16px}
.tags-list li{display:inline-block}
.tags-list li a{display:inline-block; background:#eee; color:#333; padding:5px 15px; margin-bottom:5px}
.tags-list li a:hover{background:#333; color:#fff}


.blog{float:left; width:100%; margin-bottom:20px }
.blog .img{float:left; width:200px; height:200px; margin-bottom:15px; overflow:hidden; margin-right:15px;}
.blog img{width:100%; display:block}
.blog h2{text-transform:uppercase; font-size:16px; margin-bottom:10px}
.blog h2 a{color:#333; font-weight:600}
.blog .time-view{margin-bottom:10px;}
.blog h2 a:hover{color:#3c0}

.more{text-align:center; margin-top:15px; margin-bottom:30px;}
.more a{background:#DC242C; color:#fff; padding:6px 25px; width:260px; border-radius:4px; display:inline-block; text-transform:uppercase; font-size:14px; transition:all 0.3s ease-in-out}
.more a:hover{background:#F00; transition:all 0.3s ease-in-out}

.category{ }
.widget{margin-bottom:20px;}
.widget h2{text-transform:uppercase; color:#000; padding:10px 0px; font-size:14px; font-weight:600}
.category h2 i{font-size:20px; position:relative; top:2px;}
.category h2{background:#3CB54C; text-transform:uppercase; color:#fff; padding:10px 15px; font-size:14px; font-weight:600}
.listcate{background:#EBEBEB;}
.listcate li{padding:6px 15px; border-bottom:1px solid #fff}
.listcate li a{color:#333; text-transform:uppercase}
.listcate li a:hover{color:#3C0}
.wd-content{border:1px solid #ddd; padding:10px; float:left; width:100%; margin-bottom:10px}
.list-news{float:left; width:100%; margin-bottom:10px}
.list-news img{width:100px; float:left; margin-right:10px;}
.list-news .thumbs{height:100px; overflow:hidden; float:left}
.list-news .entry-date{margin-top:8px; color:#999}
.list-news h2{text-transform:none; color:#333; font-weight:normal; padding:0; line-height:1.4}
.list-news h2 a{color:#333}
.list-news h2 a:hover{color:#3c0}

#myCarousel .list-group { position:relative;text-align:center; width:100%}
#myCarousel .list-group-item { border-radius:0px; padding:0; cursor:pointer; width:50px; height:50px !important; margin-bottom:10px; border:1px solid #ccc; display:inline-block }
#myCarousel .list-group-item img{width:100%; height:100%;}
#myCarousel .list-group .active { border-color:#DB242C;}
#myCarousel .carousel-inner {margin-bottom:20px;}
#myCarousel .carousel-inner img{border:1px solid #ddd; width:100%}
.carousel-control.right{background:none}
.carousel-control.left{background:none}

.detail-product{margin-bottom:20px;}
.info-product{padding-left:15px; padding-right:20px;}
.info-product h2{font-size:18px; font-weight:700; margin-bottom:10px}
.info-product h1 a{color:#333}
.eye{margin:10px 0; color:#888; border-bottom:1px solid #ccc; padding-bottom:10px;}
.info-product ul li{padding:4px 0}
.info-product .list-price{margin:4px 0}
.btn-cart{text-align:left}

.paging{text-align:center; clear:both; padding:15px 0}
.paging a{display:inline-block; background:#eee; padding:4px 14px; margin-left:2px; margin-right:2px; color:#333}
.paging a#dangxem, .paging a:hover{background:#390; color:#fff}

.frm_conact{margin-top:20px;}
.frm_conact h2{text-transform:uppercase; margin-bottom:10px; font-weight:600; font-size:16px}
.frm_conact input, .frm_conact textarea{border-radius:0; margin-bottom:15px;}
.frm_conact .button{background:#390; color:#fff; text-transform:uppercase}
.frm_conact .button:hover{background:#3C0}

table tr th{background:#eee}
.table-responsive{margin-top:15px}
.btn-all-cart{text-align:right; margin-bottom:15px}
.btn-all-cart .btn{background:#3CB54C; border-radius:0; text-transform:uppercase; color:#fff; margin-left:15px}
.btn-all-cart .btn:hover{background:#390}

.psalert{position:fixed; right:30px; top:30%;}

.footer{ padding:30px 0 10px 0;  float:left; width:100%; color:#ccc; background:#252525; margin-top:15px}
.footer .title{text-transform:uppercase; padding-bottom:10px; border-bottom:1px dashed #444; margin-bottom:15px;}
.footer .title h2{color:#ccc; font-size:15px}
.footer .nav-f{}
.footer .nav-f li{padding:6px 0}
.footer .nav-f li a{color:#ccc}
.footer .nav-f li a:hover{color:#666}
.footer .form-newsletter{margin-top:15px; margin-bottom:15px;}
.footer .form-newsletter input, .form-newsletter button{border-radius:0; border-color:#252525}
.form-newsletter input{font-size:13px; font-style:italic}
.form-newsletter button{background:#333; text-transform:uppercase;}
.form-newsletter button:hover{color:#fff; background:#222}
.view-info a{color:#ccc; }
.footer .br{border-bottom:1px dashed #444; margin-top:15px; margin-bottom:15px}
.footer .box-item{margin-top:15px; margin-bottom:15px;}
.footer .box-record{margin-top:15px; margin-bottom:15px;}
.footer .store{margin-bottom:15px;}
.footer .store h2{color:#fff; text-transform:uppercase; font-weight:600; margin-bottom:10px;}
.footer .store p{margin-bottom:4px;}
.footer .support{margin-bottom:15px;}
.footer .support h2{color:#fff; text-transform:uppercase; font-weight:600; margin-bottom:10px;}
.footer .support p{margin-bottom:10px;}
.footer .info-contact{text-align:center}
.footer .info-contact h2{font-weight:bold; text-transform:uppercase; margin-bottom:15px; font-size:16px}
.footer .info-contact p{margin-bottom:10px;}
.footer .icon-payment{background:#fff; display:inline-block; border-radius:2px; border:2px solid #444; margin-top:20px;}
.footer .icon-payment img{max-width:100%; display:block}
.tag-category{clear:both; background:#363636; padding:20px 0}
.tag-category a{color:#999; display:inline-block; margin-right:7px}
.tag-category a:hover{color:#ccc}
.pagination{ margin:0px !important; margin-bottom:30px; padding-bottom:24px; width:100%; text-align:center}
.pagination li a{color:#333; border:0px; padding:5px 15px; margin-left:6px; border-radius:0px !important; display:inline-block; float:inherit}
.pagination li.active a:hover, .pagination li.active a{color:#fff; background:#42afc7; }
.pagination li:hover a{color:#F00}
.pagination .frist a, .next a {background:#7d7d7d !important; color:#fff !important}

.back-to-top { cursor: pointer;position: fixed; bottom:70px; right: 20px; display:none;}
.back-to-top{border-radius:4px; width:45px; line-height:45px; font-size:24px; text-align:center; border:2px solid #666; color:#ccc}
.back-to-top:hover{transition:all 0.3s ease-out; color:#ccc}
.back-to-top:focus{color:#ccc}

.hotline-footer{position:fixed; font-size:14px; text-transform:uppercase; right:10px; background:#090; bottom:10px; padding:6px 10px; font-weight:bold; border-radius:6px}
.hotline-footer i{background:#fff; color:#000; width:25px; height:25px; text-align:center; line-height:25px; border-radius:50px; margin-right:6px;}