body {
	/*font-family: 'Questrial', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;*/
	/*font-family: "Gotham Rounded A","Gotham Rounded B","Helvetica Neue",Helvetica,Arial,sans-serif,"Helvetica Neue","Helvetica","Roboto","Arial",sans-serif !important*/
	font-family:'Roboto', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	/*font-family: 'Questrial', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;*/
	font-family:'Roboto', sans-serif !important;
	/*font-family: "Gotham Rounded A","Gotham Rounded B","Helvetica Neue",Helvetica,Arial,sans-serif,"Helvetica Neue","Helvetica","Roboto","Arial",sans-serif !important*/	
}
.description h2{font-size:22px !important}
.description h3{font-size:20px !important;}
body .content{min-height:50vh;margin-bottom:100px;}

/*fix bootstrap*/
.form-group{min-height: 34px}
.navbar{margin:0}
.nav-tabs>li>a:hover,.nav>li>a:focus, .nav>li>a:hover, .nav-tabs>li>a:hover, .nav>li>a:focus, .nav>li>a:hover, .nav-tabs>li>a, .nav-tabs>li>a:hover{background-color:none; border-color:none}
textarea:hover, input[type="text"]:hover, textarea:active, input[type="text"]:active, textarea:focus, input[type="text"]:focus,button:focus,button:active,button:hover{outline:0px !important; -webkit-appearance:none;}
.btn, .panel-heading, .panel-group .panel, .form-control{border-radius: 1px !important}

/*--dropdown*/
.dropdown-fix .open .dropdown-menu{display:table; text-align: center;}
.dropdown-full.open{position: static}
.dropdown-full.open .dropdown-menu{width:100%;}
/*--panel*/
.panel-primary {border-color: #00B1F4;}
.panel-primary .panel-heading{border-color: #00B1F4; background-color:#00B1F4; padding-top:0; padding-bottom:0}
.panel-primary .panel-heading .panel-title a[data-toggle="collapse"]{display:block; width:100%; text-decoration:none; padding: 10px 0}
.panel-primary .panel-heading .panel-title a[data-toggle="collapse"] i.fa:first-child{float:right; transition: transform 0.2s}
.panel-primary .panel-heading .panel-title a[data-toggle="collapse"] i.expand{transform: rotate(90deg);}
/*--button primary*/
.btn-primary {border-color: #00B1F4; background-color:#00B1F4}
/*--require input*/
div.form-group.required label.control-label:before{content:"* "; color: red}
/*--scroll top*/
.scroll-top{width:40px; height:40px; transition:all 0.5s; opacity:0; z-index:1; position:fixed; right:15px; bottom:50px; border-radius:2px; border:0; color:white; background-color:rgba(0,0,0,0.3)}
.scroll-top:hover{background-color:rgba(0,0,0,0.7)}


/*header top navbar*/
.nav-header-top{font-size:12px; min-height:	80px;line-height:30px; border:0; border-bottom:1px solid #e9e9e9; border-radius:0; background-color:#014079;}
.nav-header-top .navbar-header{padding:0}
.nav-header-top a{color: #8B8A88; padding:7px 8px; text-decoration:none; transition: color 0.5s, background-color 0.5s; -webkit-transition: color 0.5s}
.nav-header-top ul.list-inline{margin-bottom:0}
.nav-header-top .btn-flag a.menu{color:#fff; display:inline-block; padding:0 20px; height:80px; line-height:80px; background-repeat:no-repeat}
.nav-header-top .btn-flag .dropdown-menu{border-radius:1px; border:0;}
.nav-header-top .btn-flag .dropdown-menu li a{color: black; font-size:15px}
.nav-header-top .btn-checkout{text-align: right;}
.nav-header-top .btn-checkout a{border: white 2px solid; padding: 2px 5px; font-weight:bold;}
.nav-header-top .btn-checkout a:hover{background-color:rgba(256,256,256,0.3)}
.nav-header-top .dropdown:hover a, .dropdown .nav-header-top .dropdown a:focus, .nav-header-top .dropdown a:hover{background-color:rgba(255, 255, 255, 0.3); border-color:transparent}

/*header banner*/
.nav-header-top .web-name{padding-left:15px; position:absolute;}
.nav-header-top .web-name a{background-color:#fff; height:155px; margin-top:-40px; width:155px; border-radius:50%; display:block; font: bold 52px/80px Impact; color:#0086b7; text-decoration:none;}
.nav-header-top .web-name img{height:97px; margin:32px 21px;}
.nav-header-top .web-name a:focus{outline:0;border:0}
a::-moz-focus-inner {border: 0;outline:0 }
img{border:0}
a:hover, a:active, a:focus{border:0;outline:0}

.nav-header-top .container-fluid{padding-left:0; height:45px; border-bottom: 1px black solid;}
.nav-header-top .navbar-header a{font-size:17px; font-weight:normal; color:#ffffff; /*text-transform:uppercase !important;*/}
.nav-header-top .dropdown{margin:0 5px;}
.nav-header-top .dropdown:last-child{margin:0}
.nav-header-top .dropdown a.menu-link {padding:0 12px;}
.nav-header-top .dropdown a.menu-link  .menu-load{transform:scale(0,1); display:block; position:absolute; width:100%; top:0; left:0; height:3px; background-color:#fff; transform-origin:left; transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s}
.nav-header-top .dropdown:hover a.menu-link .menu-load{transform:scale(1,1) !important; transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s}
.nav-header-top ul.nav li a{background:none; padding-top:0; padding-bottom:0; text-decoration:none}
.nav-header-top ul.nav li a.menu-link{color:#fff; line-height:80px; text-transform:uppercase; font-size:18px; font-weight:500}
.nav-header-top ul.nav li a.menu-link:hover{color:#fff; cursor:pointer}
.nav-header-top ul.nav .open li a.menu-link, .nav-header-top ul.nav .open li a.menu-link:hover, .nav-header-top ul.nav .open li a.menu-link:focus{background-color:none!important; color:#EA6B58}
.nav-header-top .navbar-nav .dropdown-menu{display:table;opacity:0.5; -webkit-transform-origin: top;-moz-transform-origin:top;-o-transform-origin:top;-ms-transform-origin:top;transform-origin: top; -webkit-animation-fill-mode: forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards; animation-fill-mode: forwards;-webkit-transform: scale(1, 0);-moz-transform:scale(1, 0);-o-transform:scale(1, 0);-ms-transform:scale(1,0); -webkit-transition: none;-moz-transition:none;-o-transition:none;}
.nav-header-top .navbar-nav .open .dropdown-menu {display:table;opacity:1;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform:scale(1,1); transform: scale(1, 1);-webkit-transition: all 180ms ease-in;-moz-transition:all 180ms ease-out;-o-transition:all 180ms ease-in; transition:all 180ms ease-in;-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms;}
.nav-header-top .navbar-nav .dropdown-menu div.menu-table{display:table;border-spacing:10px; border-collapse:separate}
.nav-header-top .navbar-nav .dropdown-menu li.menu-row{display:table-row;}
.nav-header-top .navbar-nav .dropdown-menu .menu-cell{display:table-cell; border:0; border-radius:0; width:150px;}
.nav-header-top .navbar-nav .dropdown-menu .menu-cell img{width:100%; margin:0; height:120px}
.nav-header-top .navbar-nav .dropdown-menu .menu-cell span{color:#484647; border-bottom:1px solid #F3734F; padding:0; display:inline-block; overflow:hidden; text-overflow:ellipsis; width:100%; height: 30px; line-height: 30px}
.nav-header-top .navbar-nav .dropdown-menu .menu-cell:hover span{color:#EA6B58}

/*.header-banner .search-box{padding:0}*/
.header-banner {height:90px; padding-top:25px; padding-bottom: 20px; background-color: #fff;box-shadow:0px 1px 10px #929292;}
.header-banner .search-box .input-group input{height:40px; border: #CBCBCB 1px solid; border-radius:2px; border-right:0;}
.header-banner .search-box .input-group .btn{height: 40px; border: #EA4931 1px solid; border-radius:2px; z-index:2; background: #EA4931; color: white; line-height: 18px}
.header-banner .search-box .search-result{display:block; margin-top:-1px; border:1px solid #ddd; border-top:0; border-bottom-right-radius:2px; border-bottom-left-radius:2px; max-height:300px; overflow-y:auto; left:15px; right:16px; z-index:1; position:absolute;}
.header-banner .search-box .search-result li:first-child{border-top:0}
.header-banner .search-box .search-result li{border-radius:0; padding:4px 15px; background-color:#fff; border:0}
.header-banner	ul.list-inline li{padding-top:6px}
.header-banner	ul.list-inline li a{text-decoration:none;}
.header-banner	ul.list-inline a:hover i, .header-banner .group-shop a:hover span{color:#EA4931}
.header-banner	ul.list-inline i{font-size: 30px; color:#484647; transition: color 0.4s, background-color 0.4s; -webkit-transition: color 0.4s, background-color 0.4s;}
.header-banner .user li.dropdown{padding:0}
.header-banner .user a.dropdown-toggle{display:block; position:relative;  z-index:13; padding:10px; padding-bottom:0; margin-top:-7px; border:1px solid rgba(0,0,0,.15); border-color:transparent; }
.header-banner .user li.open a.dropdown-toggle{background-color:#fff; border-color:rgba(0,0,0,.15); border-bottom-color:#fff;}
.header-banner .user i{position:absolute}
.header-banner .user span.user-control{margin-left:40px;}
.header-banner .user span.user-line-split{margin:0 3px; color:#ddd}
.header-banner .user span{display:inline-block; line-height:15px; text-align:left;  max-width:110px; color:#484647; overflow:hidden; text-overflow:ellipsis; transition: color 0.4s, background-color 0.4s; -webkit-transition: color 0.4s, background-color 0.4s;}
.header-banner .user span.user-name{white-space:nowrap}
.header-banner .user span:hover{color:#EA4931}
.header-banner .user .dropdown-menu{margin-top:-1px; z-index:12 !important; border-radius:0; box-shadow:none}
.header-banner .user .dropdown-menu li a{display:block; width:200px}
.header-banner .group-shop span{display:inline-block; line-height:15px; max-width: 52px; color:#484647; text-align:left; transition: color 0.4s, background-color 0.4s; -webkit-transition: color 0.4s, background-color 0.4s}
.header-banner .group-shop span.num-cart{min-width:70%; font-size:11px; padding:0 5px; border-radius:8px; background-color:#EA4931; color:#fff; text-align:center;}
.header-banner .group-shop a span.num-cart{color:#fff}

/*header menu*/
/*.header-menu{margin-bottom: 20px;}*/
/*.nav-header-top{margin-left:15px}*/

.modal.fade:not(.in).menu-left .modal-dialog {-webkit-transform: translate3d(-25%, 0, 0);transform: translate3d(-25%, 0, 0);}
.modal.menu-left .modal-dialog{margin:0}
.modal.menu-left .modal-content{position:fixed; left:0; right:0; z-index:1000; width:250px; min-height:100vh; border:0; border-radius:0; /*box-shadow: 3px 0 7px rgba(0,0,0,0.7)*/ box-shadow:none }
.modal.menu-left .modal-content a{color:#666; text-decoration:none}
.modal.menu-left .modal-content .modal-header{height:40px; background-color:#f8f8f8; padding:0; padding-left:15px}
.modal.menu-left .modal-content .modal-header li a{line-height:40px}
.modal.menu-left .modal-content .modal-header .drop-language{line-height:25px}
.modal.menu-left .modal-content .modal-body .nav li a, .modal.menu-left .modal-content .modal-footer .nav li a{padding:7px 0; font-size:15px}
.modal.menu-left .nav-pills>li.active>a,.modal.menu-left .nav-pills>li.active>a:focus,.modal.menu-left .nav-pills>li.active>a:hover{background-color:#fff; color:unset}
.modal.menu-left .modal-content .modal-body .nav li.home{border-bottom:1px solid #ddd}
.modal.menu-left .modal-content .modal-body .nav ul{list-style:none; padding-left:15px}
/*.modal.menu-left .modal-content .modal-body .nav ul li a{line-height:30px}*/

/*breadcrumb*/
.breadcrumb {margin: 0 0 20px 0;padding: 8px 0;border: none;border-radius: 1px; background-color:#eee;}
.breadcrumb i {font-size: 15px;}
.breadcrumb > li {text-shadow: 0 1px 0 #FFF; padding: 0 14px; position: relative; white-space: nowrap;}
.breadcrumb > li a{text-decoration:none; color:#00b0f3}
.breadcrumb > li + li:before {content: ''; padding: 0;}
.breadcrumb > li:after {content: '';display: block; position: absolute; top: 7px; right: -5px; width: 11px; height: 11px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
/*.detail > li:nth-child(3):after{content:none}
.cate > li:nth-child(2):after{content:none}*/
.breadcrumb > li:last-child:after{content:none}

.breadcrumb .form-group {margin-bottom: 15px;height:40px} 

/*footer*/
footer{background-color:#052541; color:#e2e2e2; padding-top:30px; left:0; right: 0; position:absolute;}
footer h4{color:#fff;letter-spacing:1px;font-size:22px;}
footer ul.list-unstyled li a{color:#DECFCF; text-decoration:none;font-size:14px;}
footer ul.list-unstyled li a:hover{color:#e86251}
footer hr{border-top-color:#666}
footer .social li a{color:#888; text-decoration:none}
footer .social li:hover a{color:#e2e2e2;}
footer .item-store{color:#DECFCF; text-decoration:none;font-size:14px;margin-bottom:15px;}
/*footer .item-store:hover{color:#e86251}*/
footer .map-container {width:100%; overflow:hidden;height:250px}
footer .map-container img{width:100%; height:250px; margin:0 auto; height:auto}

/*home*/
.cover-banner{position:relative; margin:0 auto; left:0; top:0; width:100%; display:none; height:510px; overflow: hidden}
.cover-banner .banner-image{cursor: move; position: relative; left:0; width:100%; height: 510px; overflow: hidden;}
.slider-loading{position: absolute; top: 0px; left: 0px;}
.load-cover{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.load-icon{position: absolute; display: block; background: url(img/loading.gif) no-repeat center center;top: 0px; left: 0px; width: 100%; height: 100%;}
.arrow-l, .arrow-r {display: block;position: absolute; width: 50px;height: 50px;cursor: pointer;background: url(img/arrow.png) no-repeat;overflow: hidden;opacity: .4;filter: alpha(opacity=70);}
.arrow-l { background-position: -5px -35px; top: 123px; left: 8px;}
.arrow-r { background-position: -65px -35px; top: 123px; right: 8px;}
.arrow-l:hover { background-position: -5px -35px; opacity: .8; filter:alpha(opacity=80); }
.arrow-r:hover { background-position: -65px -35px; opacity: .8; filter:alpha(opacity=80); }
.arrow-l.arrow-ldn { background-position: -5px -35px; opacity: .3; filter:alpha(opacity=30); }
.arrow-r.arrow-rdn { background-position: -65px -35px; opacity: .3; filter:alpha(opacity=30); }
.bullet-nav {position: absolute; bottom: 26px; right: 6px;}
.bullet-nav div, .bullet-nav div:hover, .bullet-nav .av {position: absolute;/* size of bullet elment */width: 24px;height: 24px;text-align: center;line-height: 24px;font-size: 16px;background: url(img/b18.png) no-repeat;overflow: hidden;cursor: pointer;}
.bullet-nav div { background-position: -3px -3px; }
.bullet-nav div:hover, .bullet-nav .av:hover { background-position: -33px -3px; }
.bullet-nav .av { background-position: -63px -3px; }
.bullet-nav .dn, .bullet-nav .dn:hover { background-position: -93px -3px; }
.bullet-nav .n  { display: none; color: #000; }
.bullet-nav div:hover .n, .bullet-nav .av .n, .bullet-nav .av:hover .n, .bullet-nav .dn .n { display: block; }

/*register*/
.register .form-group.has-error{min-height:54px}

/*category home*/
/*.category-home{margin:50px 80px;margin-top:0}*/
.category-home .head-cat-home a{display:block;}
.category-home .head-cat-home span{line-height:40px; height:35px; display:inline-block; padding:0 30px 0 15px; font-size:15px; font-weight:600; color:#fff; background-color:#076CE0;}
.category-home .head-cat-home span:hover{cursor:pointer}
.category-home .cat-container{margin:0; background-color: transparent}
.category-home .silde-container{position:relative; margin:0 auto; left:0; top:0; width:530px; display:none; height:530px; overflow: hidden}
.category-home .silde-container .slider-image{cursor: move; position: relative; left:0; width:530px; height: 530px; overflow: hidden;}
.category-home .head-cat-home{padding:0; margin-bottom:10px;margin-top:20px;position:relative}
.category-home .head-cat-home:last-child{margin-bottom:30px;}
.category-home .slide-cat-home, .category-home .slide-cat-home .silde-container{padding-left:0; margin-left:0}
.category-home .slide-cat-home{padding:0}
.category-home .list-cat-home .col-sm-6{padding-left:0;padding-right:0;}
.category-home .list-cat-home .col-sm-6 a:hover{text-decoration:none}
.category-home .list-cat-home{background-color:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5}
.category-home .list-cat-home .thumbnail{margin:0; padding:0; position:relative; overflow-y:hidden; max-height:400px; border:1px solid #eee; border-left-color:transparent; border-top-color:transparent; border-radius:0}
.category-home .list-cat-home .thumbnail img{ margin-bottom:15px;padding:5px;margin:0 auto;}
.category-home .list-cat-home .thumbnail:hover{box-shadow: 0px 3px 20px #aaa; z-index:1}
.category-home .list-cat-home .catch-name{ text-decoration:none; color:#333; top:0px;width:100%;text-align:left; font-size:15px; padding:5px 16px 0px 16px;max-height:55px;overflow:hidden}

/*section promotion*/
.promotion{margin:25px 80px}
.promotion .promo-container{margin:0;background-color:transparent;position:relative}
.promotion .promo-container .arrow {text-align: right;position:absolute;z-index:100}
.promotion .promo-container .arrow .left img,.promotion .promo-container .arrow .right img{width:40px;height:40px}
.promotion .promo-container .arrow .left img:hover{box-shadow: 0px 2px 6px #aaa}
.promotion .promo-container .arrow .right img:hover{box-shadow: 0px 2px 6px #aaa}

.promotion .head-promo a{display:block; width:99.9%; height:40px; line-height:40px;margin-bottom:19px}
.promotion .head-promo span{line-height:40px; height:40px; display:inline-block; padding:0 30px 0 15px; font-size:17px; font-weight:600; color:#fff}
.promotion .head-promo span:hover{cursor:default}
.promotion .head-promo{padding-left:0;padding-right:10px;margin:0}

/*.promotion .promo-container .cycle-slideshow{z-index:50}
.promotion .promo-container .cycle-slideshow .slide_promo{background-color:#ffffff;position:relative!important;margin-right:9px}
.promotion .promo-container .cycle-slideshow .slide_promo:hover{box-shadow: 0px 2px 6px #aaa; z-index:1}
.promotion .promo-container .cycle-slideshow .slide_promo a:hover{text-decoration:none}

.promotion .promo-container .cycle-slideshow .slide_promo .product{padding-left:5px;padding-right:5px}
.promotion .promo-container .cycle-slideshow .slide_promo .product .name{font-size:15px;word-wrap:break-word; font-weight:600;color:#000000; display:block; width:100%;overflow:hidden;margin:20px 0 10px} 
.promotion .promo-container .cycle-slideshow .slide_promo .product .price{}
.promotion .promo-container .cycle-slideshow .slide_promo .product-sale{position:absolute;top: 1px;right:0;padding: 5px;padding-top:5px;color: #fff;font-size: 13px;width: 50px;text-align: center; height:55px; background-image: url(img/sale-bg.png); background-size:100% 100%; background-repeat:no-repeat}*/

/*page list products*/
/*--section filter*/
.page-list-products .filter-section .price_val_start{font-weight:bold; margin-left:5px}
.page-list-products .filter-section .price_val_end{float: Right; font-weight:bold; margin-right:5px}
.page-list-products .filter-section .color-grid{border-spacing: 10px; border-collapse: separate; margin-top:-10px}
.page-list-products .filter-section .color-box{display:block; margin-bottom:10px; width:26px; height:26px;}
.page-list-products .filter-section .color-box input[type="checkbox"]{visibility:hidden; position:absolute}
.page-list-products .filter-section .color-box label{display:block; width:100%; height:100%; cursor:pointer; border:1px #666 solid; transition: all 0.2s ease}
/*.page-list-products .filter-section .color-box label:hover{border:2px #555 solid;}*/
.page-list-products .filter-section .color-box input[type=checkbox]:checked + label{/*box-shadow:2px 1px 7px #444;*/ /*border:2px #555 solid;*/ border-radius:100%; transition: all 0.2s ease}
.page-list-products .filter-section .color-box .color-inside{background-color: #fff; display: inline-block;margin: 2px;width: 20px;height: 20px;line-height: 100%;}
.page-list-products .filter-section .color-box  input[type=checkbox]:checked + label .color-inside{border-radius:100%; transition: all 0.2s ease}
.page-list-products .filter-section .btn-filter{font-weight:bold}
.page-list-products .filter-section h6{margin-left:15px;}
/*--section profucts*/
.page-list-products .products-section{/*border-left: 1px gray solid;*/ min-height:50vh}
.page-list-products .products-section .sort-type{width:100%; margin-bottom: 10px; padding-bottom:2px; border-bottom: 1px solid gray}
.page-list-products .products-section .sort-type ul h2{margin-top:0; padding-bottom:0; margin-bottom:0;padding-top:5px;}
/*.page-list-products .products-section div.thumbnail{min-height:300px}*/
.page-list-products .products-section div.thumbnail {border-radius:1px; padding:4px 25px; border:1px solid #fff; height:340px;}
.page-list-products .products-section div.thumbnail a{text-decoration:none; border-color:#eee}
.page-list-products .products-section div.thumbnail:hover{position:absolute; margin-right:15px; height:unset;  box-shadow:0px 3px 10px #aaa; border: 1px solid #eee; z-index:3; left:15px; right: 0}
.page-list-products .products-section div.clonea:hover{box-shadow:0px 3px 10px #aaa}
.page-list-products .products-section div.thumbnail .product-sale{position: absolute; top: 0;padding: 5px;color: #fff;font-size: 0.9em;width: 50px;text-align: center; height:55px; background-image: url(img/sale-bg.png); background-size:100% 100%; background-repeat:no-repeat}
.page-list-products .products-section div.thumbnail:hover .product-sale{margin-top:-1px; z-index:1000}
.page-list-products .products-section div.thumbnail .product-image{text-decoration:none; overflow:hidden; height:200px;}
.page-list-products .products-section div.thumbnail .product-image .container-img{display:block; height:205px;overflow:hidden; text-align:center;}
/*Search Product*/
.page-list-products .products-section div.thumbnail .product-image img{width:200px;height:200px;}
.page-list-products .products-section .resultsProduct div.thumbnail .product-image img{width:240px;height:240px; }
.page-list-products .products-section .product-name{display:inline-block; width:100%; font-size:17px; padding-top:0; padding-bottom:0; font-weight:500; line-height:15px; height:2.0em; overflow-y:hidden; /*text-align:center;*/ overflow:hidden}
.page-list-products .products-section .product-des{display:inline-block; line-height:1.2em; padding-top:0; padding-bottom:0; height:2.4em; overflow:hidden;}
.page-list-products .products-section div.thumbnail:hover .product-des{min-height:2.5em; height: initial; overflow-y: hidden;}
.page-list-products .products-section div.thumbnail:hover .product-name{height: initial; min-height:2.0em;}
.page-list-products .products-section .cur-price .value{/*color:#FF6600;*/ color:#EA4931; font-weight:700; font-size:19px}
.page-list-products .products-section .cur-price .quality{color:#777; font-size:13px}
.page-list-products .products-section .old-price{color:#777; font-size:12px; text-decoration:line-through}
.page-list-products .products-section .shipping {font-weight:bold; font-size:12px; display:block; position:absolute}
.page-list-products .products-section .button-cart{display:none}
.page-list-products .products-section div.thumbnail:hover .button-cart{display: block; margin: 0 -26px;bottom: 0;margin-bottom: -5px;padding: 7px 10px 5px 15px;background-color: #ededed;}
.page-list-products .products-section div.thumbnail:hover .button-cart .wish{font-size: 12px}
.page-list-products .products-section div.thumbnail:hover .button-cart .wish a{color: #222;display: inline-block;height: 34px;line-height: 34px;width:78%;border-right: 1px solid #bbb;}
.page-list-products .products-section div.thumbnail:hover .button-cart .wish:hover{cursor:pointer}
.page-list-products .products-section div.thumbnail:hover .button-cart .wish:hover a{color:#444}

.page-list-products .products-section div.thumbnail:hover .product-image img{-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1); transition:transform 0.5s ease-out; -o-transition:transform 0.5s ease-out; -moz-transition:transform 0.5s ease-out; -webkit-transition:transform 0.5s ease-in; transition:transform 0.5s ease-out}

/*Page Product Detail*/
/*--product sumary*/
.product-detail .breadcrumb .go-back:after{border:none}
.product-detail .product-sumary .pro-pic .main-img{height:445px}
.product-detail .product-sumary .pro-pic .other-img{margin-bottom:30px;}
/*.product-detail .product-sumary .pro-pic .other-img .img-thumbnail{width:81px}*/
.product-detail .product-sumary .pro-pic .other-img .img-thumbnail:hover{cursor:pointer;border:1px solid #00B1F4}
.product-detail .product-sumary .pro-sum .product-name{font-size:20px; font-weight:bold; display:inline-block; width:100%}
.product-detail .product-sumary .pro-sum .product-code{font-weight:300; display:inline-block; width:100%;margin-bottom:5px}
.product-detail .product-sumary .pro-sum .product-brand-location{display:block}
.product-detail .product-sumary .pro-sum .text-sum{margin:10px 0 20px 0; min-height:20px; border-bottom:1px solid #ccc}
.product-detail .product-sumary .pro-sum .cur-price{color:#EA4931; font-size:22px; font-weight:bolder}
.product-detail .product-sumary .pro-sum .old-price{color:#777; font-size:14px; text-decoration:line-through}
.product-detail .product-sumary .pro-sum .shipping{color:#000; font-size:13px; font-style:italic}
.product-detail .product-sumary .pro-sum .quality{margin:25px 0 5px 0; overflow:auto}
.product-detail .product-sumary .pro-sum .quality input{font-weight:normal; width:100px; padding-left:5px}
.product-detail .product-sumary .pro-sum .btn-buynow,
.product-detail .product-sumary .pro-sum .btn-addcart{font-size:15px; font-weight:bolder; line-height:25px; width:100%; margin-top:10px}
.product-detail .product-sumary .pro-sum .wish-list{margin:10px 0}
.product-detail .product-sumary .pro-sum .wish-list a{text-decoration:none;cursor:pointer;color:#222}
/*--product details*/
.product-detail .product-info .nav-tabs{border-bottom: 2px solid #00B1F4}
.product-detail .product-info .nav-tabs li a{text-decoration:none}
.product-detail .product-info .nav-tabs li a:hover{background-color:none;}
.product-detail .product-info .nav-tabs li.active a{color:#fff; background-color:#00B1F4}
.product-detail .product-info .tab-content{border: none; padding:10px}
/*--product realated*/
.product-detail .product-relate a.head-section{display:block; width:100%; border-bottom: 2px solid #00B1F4}
.product-detail .product-relate a.head-section span{display:inline-block; padding:10px 15px; background-color:#00B1F4; color:#fff}
.product-detail .product-relate .slider_container{position: relative; top: 0px; left: 0px; width: 809px; height: 270px; overflow: hidden; margin: 5px 0 12px 0}
.product-detail .product-relate .loading{position: absolute; top: 0px; left: 0px;}
.product-detail .product-relate .loading-back{filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;}
.product-detail .product-relate .loading-icon{position: absolute; display: block; background: url(img/loading.gif) no-repeat center center; top: 0px; left: 0px;width: 100%;height:100%;}
.product-detail .product-relate .slides{cursor: move; position: absolute; left: 0px; top: 0px; width: 809px; height: 270px; overflow: hidden;}
.product-detail .product-relate .slides .thumbnail{height:256px}
.product-detail .product-relate .slides .rlpro-name{display:inline-block; color:#000; margin-top:7px; height:35px; overflow:hidden; width:100%; font-size:13px; line-height:17px; text-align:center;}
.product-detail .product-relate .slides .rlpro-price{display:inline-block; color:#FF6600; font-weight:bolder; width:100%; text-align:center}
.product-detail .product-relate .slides .text-piece{color:#666; font-weight:normal;}

.page-checkout div.required label.control-label::before{content:"* "; color:#ff0000; font-weight:bold;}

/*Check input*/
.ErrWaring { color:red;}

/*MetisMenu Category*/
.list-cate .metismenu li {text-decoration:none;}
.list-cate .metismenu li a{background-color: #eee;text-decoration:none;color:#000000;}
.list-cate .metismenu li a.CateLink {font-size:18px}
.list-cate .metismenu li ul {list-style:none; padding-left:37px}
.list-cate .metismenu li ul li {margin: 10px 0;}
.list-cate .metismenu li ul li a{text-decoration:none; background-color:#fff;}
.list-cate .metismenu li ul li a:hover{color:#00B1F4}
.list-cate .metismenu .active {color:#007caa}
.list-cate .arrow {margin-top: 10px;border-width:7px}

@media (min-width: 1200px){
	.container {width: 1180px;}
}

@media (max-width:480px) {
	/* Home Page */
	.header-banner .web-name img{height:50px; top:0}
	.header-banner .group-shop {float:right}
	.header-banner .search-box{padding-left:15px;}
	.header-banner .group-shop span.num-cart{position:absolute; top:0; left:8px; min-width:20px; font-size: 9px}

	.category-home{margin:25px 25px}
	.category-home .list-cat-home{padding-left:15px; padding-right:15px}
	.category-home .list-cat-home .thumbnail img{margin:0 auto; height:140px}
	.category-home .slide-cat-home, .category-home .list-cat-home .col-sm-6{width:100%}
	/* List Product */
	.page-list-products .products-section .pagination{float:right}
	.page-list-products .products-section div.thumbnail{height:unset}
	.page-list-products .products-section div.thumbnail:hover{position:absolute; margin-right:0; height:unset;  box-shadow:none; border: 1px solid #aaa; z-index:3; left:0; right: 0}
	.page-list-products .products-section div.thumbnail:hover .button-cart{display:none; margin-right:10px}
	.page-list-products .products-section div.thumbnail:hover .button-cart .wish{font-size: 11px}
	.page-list-products .products-section div.thumbnail:hover .button-cart .wish:hover{cursor:pointer}
	.page-list-products .products-section div.thumbnail:hover .product-image img{-ms-transform:none;-o-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
	.page-list-products .products-section div.thumbnail:hover .product-name{height: 2.6em; min-height:2.6em}
	.page-list-products .products-section div.thumbnail:hover .product-des{min-height:2.4em; height: 2.4em; overflow-y: hidden}
	.page-list-products .products-section div.thumbnail .product-image .container-img{width:100%; height:auto;}
	.page-list-products .products-section div.thumbnail .product-image img{width:100%;height:100%; }
	.page-list-products .products-section div.thumbnail .product-sale{position: absolute;top: 0;left: 10px;padding: 5px;color: #fff;font-size: 0.9em;width: 50px;text-align: center; height:55px; background-image: url(img/sale-bg.png); background-size:100% 100%; background-repeat:no-repeat}
	.page-list-products .products-section div.thumbnail:hover .product-sale{margin-left:-1px; z-index:1000}
    
	.page-list-products .products-section{padding:0 15px}
	.page-list-products .products-section .col-xs-12{padding:0}
	.page-list-products .products-section .col-xs-6{padding:0}
	.product-detail .breadcrumb a.bread-name{margin-bottom:-5px;display:inline-block; max-width:95px; text-overflow:ellipsis; overflow:hidden}

	.wish-list .wish-list-control{text-align:left}
	.wish-list .wish-list-control a{margin-bottom:20px}
    
    .product-detail .product-sumary .pro-pic .main-img{height:100%}

    .promotion{margin:25px 25px}
    .promotion .top-sell{margin-top:10px}
    .promotion .promo-container .arrow {text-align: right}
    .promotion .head-promo {padding-left:0;padding-right:0;margin:0}
}

.promotion .promo-container .list-promo{padding:0}
.promotion .promo-container .arrow {text-align:right;padding:0;right:10px}
.promotion .promo-container .arrow .fa{width:30px;text-align:center;color:#fff;opacity:0.9;display:inline-block;margin-right:-4px}
.promotion .promo-container .arrow .fa-3x{font-size:2.85em}
.promotion .promo-container .arrow a:hover .fa{opacity:1;cursor:pointer}

.product-top .list-inline>li{padding-right:0}
.promotion .head-top-sell {margin:0;padding:0}
.promotion .head-top-sell a{display:block; width:99.9%; height:40px; line-height:40px}
.promotion .head-top-sell span{line-height:40px; height:40px; display:inline-block; padding:0 30px 0 15px; font-size:17px; font-weight:600; color:#fff}
.promotion .head-top-sell span:hover{cursor:default}

.promotion .top-sell .list-top-sell .product-top{background-color:#fff;padding:0;margin:0;margin-bottom:3px;cursor:pointer;text-decoration:none;border-bottom:1px solid #ccc}
.promotion .top-sell .list-top-sell a:hover{box-shadow: 0px 2px 6px #aaa;z-index:1}

/*slide-promo*/
.promotion .slide-promo .product-sale{position:absolute;top: 1px;right:0;padding-top:3px;color: #fff;font-size: 13px;width: 50px;text-align: center; height:50px; background-image: url(img/sale-bg.png); background-size:100% 100%; background-repeat:no-repeat}
.promotion .slide-promo .thumbnail{border:none;margin:0;position:relative;border-radius:0;display:block;padding:0;margin:4px 12px 4px 0}
.promotion .slide-promo a:hover{text-decoration:none;cursor:pointer;box-shadow: 0px 2px 6px #aaa}
.promotion .slide-promo .arrow .prev,.promotion .slide-promo .arrow .next{cursor:pointer}
.promotion .slide-promo .thumbnail .product-info {padding:9px}
.promotion .slide-promo .thumbnail .product-info .name{display:block;color:#333;font-size:14px;font-weight:600;padding-bottom:9px;height:60px;overflow:hidden}
.promotion .slide-promo .thumbnail .product-info .new-price{display:block;color:#ff0000;font-size:18px;font-weight:600;padding-bottom:5px;padding-top:11px}
.promotion .slide-promo .thumbnail .product-info .old-price{display:block;font-size:15px;color:#8a8a8a;text-decoration:line-through;padding-bottom:7px}

.displayMenuLeft .list-menu-left { height: auto!important; }
.dropdown-menu.menu-child {  height: auto!important; width: auto!important }