.breadcrumb{padding: 11px 0;}
.breadcrumb ul{float: left; list-style: none;}
.breadcrumb ul li{float: left;}
.breadcrumb ul li+li:before{content: "/"; display: inline-block; margin: 0 11px;}
.breadcrumb ul li a{display: inline-block; color: #333;}

@media (min-width:320px){
    .breadcrumb ul li.breadcrumb-mobile{display: none;}
}
@media (min-width:767px){
    .breadcrumb ul li.breadcrumb-mobile{display: block;}
}
.LienHeInfo li{line-height: 22px; position: relative; margin-bottom: 15px; list-style: none;}
.LienHeInfo li:after{width: 100%; border-bottom: 1px dashed #dedede; display: block; content: ''; position: absolute; z-index: 1; top: 13px;}
.LienHeInfo li label{Display: inline-block; background: #fff; padding-right: 5px; position: relative; z-index: 2; color: #ef313b; font-family: OpenSansBold; font-size: 17px;}
.LienHeInfo li label i{width: 20px; font-size: 15px;}
.LienHeInfo li span{padding-left: 20px; display: block;}
.LienHeInfo li a{color: black;}

.formLeft{float: left; width: 100%}
.formLeftitem{margin-bottom: 15px; position: relative; width: 100%;}
.formLeft input{border-left: 0; width: calc(100% - 40px);}
.formLeft i{float: left; width: 40px; color: #ef313b; line-height: 31px; font-size: 20px; text-align: center; border: 1px solid #dedede; box-sizing: border-box;}

.formRight{float: right; position: relative; width: 100%; margin-bottom: 15px;}

@media (min-width: 320px){
    .LienHeRight{margin: 0 0 20px;}
}
@media (min-width: 767px){
    .LienHeLeft{float: left; width: 30%;}
    .LienHeRight{float: right; margin: 0 0 20px 3%; width: calc(64% - 1px); padding-left: 3%; border-left: 1px solid #dedede;}
}.cart-item{text-align: left;}
.cart-img{float: left; margin-right: 10px;}
.cart-name{font-size: 15px; text-transform: uppercase; text-align: left; color: #004dfc;}
.cart-string{list-style: none; color: #696969;}
.cart-button{text-align: left;}
.cart-button a{display: inline-block; font-size: 11px; text-align: center; line-height: 20px; color: #fff; padding: 0 11px; background: #696969; transition: all 0.25s ease 0s;}
.cart-button a:hover{background: #ff0000;}

.cart-price{margin-bottom: 17px;}
.cart-price b{font-size: 15px; color: #ff0000;}

.cart-quantity{}
.cart-quantity input[type='number']{float: left; text-indent: 0; text-align: center; width: 39px;}
.cart-quantity input::-webkit-outer-spin-button, .cart-quantity input::-webkit-inner-spin-button{-webkit-appearance: none;}
.cart-quantity div{float: left; width: 20px; height: 35px; background: #696969; transition: all 0.25s ease 0s;}
.cart-quantity div:hover{background: #ff0000;}
.cart-quantity div.cart-minus{margin: 0 5px 0 0;}
.cart-quantity div.cart-plus{margin: 0 0 0 5px;}
.cart-quantity div a{display: block; line-height: 35px; color: #fff;}

.cart-bill p{font-size: 15px; line-height: 30px;}
.cart-bill p span{display: inline-block;}
.cart-bill p span:nth-child(1){float: left;}
.cart-bill p span:nth-child(2){float: right; color: #ff0000;}
.cart-bill a{display: block; margin-top: 10px; text-transform: uppercase; text-align: center; line-height: 30px; color: #fff; background: #004dfc; transition: all 0.25s ease 0s;}
.cart-bill a:hover{background: #ff0000;}
.cart-bill a:nth-of-type(1){float: left; width: calc(50% - 5px);}
.cart-bill a:nth-of-type(2){float: right; width: calc(50% - 5px);}

.cart-form{float: left; width: calc(100% - 490px);}
.cart-form-left{float: left; width: calc(50% - 5px);}
.cart-form-right{float: right; width: calc(50% - 5px);}
.cart-form-item{position: relative; margin-bottom: 10px;}
.cart-form-item textarea{height: 170px;}
.cart-paylist{float: right; width: 480px;}

@media (min-width:320px){
    .cart-product{margin-bottom: 20px;}
    .cart-img, .cart-string{display: none;}
}
@media (min-width:400px){
    .cart-string{display: block;}
}
@media (min-width:480px){
    
}
@media (min-width:580px){

}
@media (min-width:767px){
    .cart-product{float: left; width: calc(100% - 280px); margin-bottom: 0;}
    .cart-bill{float: right; width: 270px;}
}
@media (min-width:970px){
    .cart-img{display: block;}
}/*** TABLE ***/
.table{display: table; width: 100%; border-collapse: collapse; box-sizing: border-box; background: #fff;}
.table-body{display: table-row-group; line-height: 22px; text-align: center; box-sizing: border-box;}
.table-row{display: table-row;}
/*.table-row:hover{background: #f9f9f9;}*/
.table-row.table-head{text-transform: uppercase; border-bottom: 3px solid #004dfc;}
.table-cell{border: 1px solid #d7d7d7; display: table-cell; padding: 5px; vertical-align: middle; box-sizing: border-box;}

/*** OPTION ***/
.table-price{font-size: 15px; color: #ff0000;}
.table-left{text-align: left;}
.table-right{text-align: right;}
.table-transform{text-transform: uppercase;}
.table-background{background: #f9f9f9;}

/*** SIZE ***/
.table-50px{width: 50px;}
.table-110px{width: 110px;}
.table-175px{width: 175px;}

@media (min-width:320px){
    .table-cell-price, .table-mobile, .table-tablet{display: none;}
}
@media (min-width:480px){
    .table-cell-price{display: table-cell;}
}
@media (min-width:580px){
    
}
@media (min-width:767px){
    .table-mobile{display: table-cell;}
}
@media (min-width:970px){
    .table-tablet{display: table-cell}
}
@media (min-width:1170px){
}.group{background: #e5e9ea; padding: 15px 0 0;}
.group-title{font-size: 32px; text-transform: uppercase; text-align: center; color: #004dfc; margin-bottom: 3px;}
.group-more{font-family: Avo; font-size: 14px; text-align: center; line-height: 30px; margin-bottom: 20px;}
.group-more a{display: inline-block; padding: 0 30px; height: 30px; color: #333; background: #b5cde0; border-radius: 15px; transition: all 0.25s ease 0s;}
.group-more a:hover{background: #004dfc; color: #fff;}

.group-wrap{}
.group-item{position: relative; float: left;}
.group-img{position: relative; float: left; margin: 30px 0 0; z-index: 0;}
.group-name{font-size: 14px; line-height: 21px; margin-bottom: 3px; overflow: hidden;}
.group-name a{color: #004dfc; transition: all 0.25s ease 0s;}
.group-name a:hover{color: #ff0000;}
.group-list{position: relative; float: left; margin: 0 0 0 -40px; padding: 15px 5px 5px 50px; border: 1px solid #004dfc; z-index: 1;}
.group-list ul{list-style: none; height: 147px;}
.group-list ul li{padding-left: 15px; background: url(/components/home.group/li.png) no-repeat center left; transition: all 0.25s ease 0s;}
.group-list ul li a{display: -webkit-box; line-height: 21px; color: #333; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.25s ease 0s;}
.group-list ul li:hover{padding-left: 20px; background: url(/components/home.group/li2.png) no-repeat center left 3px;}
.group-list ul li a:hover{color: #004dfc;}

@media (min-width:320px){
    .group-item{width: 100%; margin-bottom: 30px;}
    .group-img{width: 150px;}
    .group-name{height: 42px;}
    .group-list{width: calc(100% - 167px);}
}
@media (min-width:360px){

}
@media (min-width:410px){
    .group-name{height: 21px;}
}
@media (min-width:480px){

}
@media (min-width:580px){
    .group-item{width: calc((100% - 20px) / 2); margin-right: 10px; margin-bottom: 20px;}
    .group-item:nth-child(2n){margin-right: 0;}
    .group-img{width: 120px;}
    .group-name{height: 42px;}
    .group-list{width: calc(100% - 137px);}
}
@media (min-width:767px){
    .group-item{width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 30px;}
    .group-item:nth-child(2n){margin-right: 0;}
    .group-img{width: 150px;}
    .group-name{height: 21px;}
    .group-list{width: calc(100% - 167px);}
}
@media (min-width:970px){
    .group-item{width: calc((100% - 20px) / 3); margin-right: 10px; margin-bottom: 20px;}
    .group-item:nth-child(2n){margin-right: 10px;}
    .group-item:nth-child(3n){margin-right: 0;}
    .group-img{width: 135px;}
    .group-name{height: 42px;}
    .group-list{width: calc(100% - 152px);}
}
@media (min-width:1170px){
    .group-item{width: calc((100% - 40px) / 3); margin-right: 20px; margin-bottom: 30px;}
    .group-item:nth-child(2n){margin-right: 20px;}
    .group-item:nth-child(3n){margin-right: 0;}
    .group-img{width: 150px;}
    .group-name{height: 21px;}
    .group-list{width: calc(100% - 167px);}
}.hot{padding: 50px 0 40px;}
.hot-title{text-transform: uppercase; text-align: center; color: #004dfc;}

.sp-item{float: left;}
.sp-wrap{text-align: center; border: 1px solid #dcdcdc; box-shadow: 0 0 1px rgba(0,0,0,0.25);}
.sp-img{position: relative; margin-bottom: 10px;}
.sp-img img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 100%;}
.sp-name{height: 23px; overflow: hidden; margin-bottom: 5px;}
.sp-name a{color: #004dfc;}
.sp-price{color: #ff0000; margin-bottom: 10px;}
.sp-brand{color: #333; margin: -10px 0 5px;}
.sp-more{font-size: 13px; line-height: 25px;}
.sp-more a{display: inline-block; width: 135px; height: 25px; color: #756e6e; border: 1px solid #dcdcdc; border-radius: 13px; transition: all 0.25s ease 0s;}
.sp-wrap:hover .sp-more a{background: #dcdcdc; color: #004dfc;}

.hot-list .owl-nav div{position: absolute; top: 0; bottom: 0; margin: auto; font-size: 45px; width: 47px; height: 63px; color: #333; opacity: 0; transition: all 0.25s ease 0s;}
.hot-list .owl-nav div i{text-shadow: 1px 1px 3px rgba(255,255,255,0.5), -1px -1px 3px rgba(255,255,255,0.5);}
.hot-list .owl-nav div:hover{color: #000;}
.hot-list .owl-nav div.owl-prev{left: -47px;}
.hot-list .owl-nav div.owl-next{right: -47px;}
.hot-list:hover .owl-nav div.owl-prev{left: 10px; opacity: 1;}
.hot-list:hover .owl-nav div.owl-next{right: 10px; opacity: 1;}

.sp-other{margin-bottom: 15px;}
.other-img{position: relative; float: left; width: 98px; height: 98px; border: 1px solid #d7d7d7; margin-right: 10px;}
.other-img img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: calc(100% - 10px);}
.other-name{float: right; width: calc(100% - 110px); height: 80px; overflow: hidden;}
.other-name a{display: block; line-height: 20px; color: #004dfc;}
.other-price{color: #ff0000; line-height: 20px; color: #ff0000;}

@media (min-width:320px){
    .hot-title{font-size: 31px; margin-bottom: 30px;}
    .sp-wrap{font-size: 15px; padding: 5px;}
    .sp-item{width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:360px){
    .hot-title{font-size: 32px; margin-bottom: 40px;}
}
@media (min-width:410px){
    .sp-wrap{font-size: 17px; padding: 15px;}
}
@media (min-width:480px){
    .sp-item{width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 30px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .sp-item{width: calc((100% - 10px) / 3); margin-right: 05px; margin-bottom: 15px;}
    .sp-item:nth-child(2n){margin-right: 05px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:767px){
    .sp-item{width: calc((100% - 50px) / 3); margin-right: 25px; margin-bottom: 25px;}
    .sp-item:nth-child(2n){margin-right: 25px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .sp-item{width: calc((100% - 60px) / 4); margin-right: 20px; margin-bottom: 20px;}
    .sp-item:nth-child(2n),
    .sp-item:nth-child(3n){margin-right: 20px;}
    .sp-item:nth-child(4n){margin-right: 0;}
}
@media (min-width:1170px){
    .sp-item{width: calc((100% - 60px) / 5); margin-right: 15px; margin-bottom: 15px;}
    .sp-item:nth-child(2n),
    .sp-item:nth-child(3n),
    .sp-item:nth-child(4n){margin-right: 15px;}
    .sp-item:nth-child(5n){margin-right: 0;}
}.partner{padding: 40px 0 0; border-bottom: 1px solid #dcdcdc;}
.partner-title{font-size: 32px; text-transform: uppercase; text-align: center; color: #004dfc;}
.partner ul li{position: relative; float: left; width: 160px; height: 110px; margin: 0 20px; display: flex; align-items: center; justify-content: center;}
.partner ul li a{display: block;}
.partner ul li a img{display: inline-block; max-height: 90px;}.sup{float: left; background: #f5791f; color: #fff;}
.sup p{font-size: 17px; text-transform: uppercase; margin-bottom: 5px;}

.sup-info{margin-bottom: 45px;}
.sup-info img{float: left; margin-right: 25px;}
.sup-info a{display: block; color: #fff;}
.sup-info a:nth-of-type(1){margin-bottom: 10px;}
.sup-info a span{padding-left: 30px;}
.sup-info a:nth-of-type(1) span{font-size: 22px; background: url(/components/home.supgal/p.png) no-repeat center left;}
.sup-info a:nth-of-type(2) span{font-size: 16px; background: url(/components/home.supgal/e.png) no-repeat center left;}

.sup-ship{padding-left: 110px; background: url(/components/home.supgal/c.png) no-repeat center left 35px;}
.sup-ship span{}

.gal{position: relative; float: right; overflow: hidden;}
.gal-item{position: relative; float: left; width: calc((100% - 9px) / 4);}
.gal-item:nth-child(2){margin: 0 3px;}
.gal-item:nth-child(3), .gal-item:nth-child(4){margin-bottom: 3px;}
.gal-item:nth-child(3), .gal-item:nth-child(5){margin-right: 3px;}
.gal-item:nth-child(7){position: absolute; bottom: 0; left: 0;}
.gal-name{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: calc(100% - 10px); height: calc(100% - 10px); background: rgba(0,0,0,0.5); margin: auto; 
    display: flex; align-items: center; justify-content: center; text-align: center; opacity: 0; transition: all 0.25s ease 0s;}
.gal-item:nth-child(2) .gal-name{top: 5px; bottom: inherit;}
.gal-name b{font-size: 16px; color: #fff; padding: 0 10px;}
.gal-name span{position: absolute; background: #fff; transition: all 0.25s ease 0s;}
.gal-name span:nth-of-type(1){width: 0%; height: 1px; top: 0; left: 0;}
.gal-name span:nth-of-type(2){width: 1px; height: 0%; top: 0; right: 0;}
.gal-name span:nth-of-type(3){width: 0%; height: 1px; right: 0;bottom: 0;}
.gal-name span:nth-of-type(4){width: 1px; height: 0%; bottom: 0; left: 0;}

.gal-item:hover .gal-name {opacity: 1;}
.gal-item:hover .gal-name span:nth-of-type(1){width: 100%;}
.gal-item:hover .gal-name span:nth-of-type(2){height: 100%;}
.gal-item:hover .gal-name span:nth-of-type(3){width: 100%;}
.gal-item:hover .gal-name span:nth-of-type(4){height: 100%;}

@media (min-width:320px){
    .sup{width: calc(100% - 25px); margin-bottom: 30px; padding: 25px 0 41px 25px;}
    .gal{display: none;}
}
@media (min-width:360px){

}
@media (min-width:410px){

}
@media (min-width:480px){
    .gal{display: block; width: 100%; height: 177.41px;}
    .gal-item:nth-child(2) .gal-name{height: calc(177.41px - 10px);}
}
@media (min-width:580px){
    .gal{height: 214.44px;}
    .gal-item:nth-child(2) .gal-name{height: calc(214.44px - 10px);}
}
@media (min-width:767px){
    .gal{height: 283.69px;}
    .gal-item:nth-child(2) .gal-name{height: calc(283.69px - 10px);}
}
@media (min-width:970px){
    .sup{width: 370px;  margin-bottom: 0; padding: 25px 0 41px 25px;}
    .gal{width: calc(100% - 405px); height: 208.88px;}
    .gal-item:nth-child(2) .gal-name{height: calc(208.88px - 10px);}
}
@media (min-width:1170px){
    .sup{width: 430px; padding: 25px 0 41px 35px;}
    .gal{width: calc(100% - 501px); height: 247.41px;}
    .gal-item:nth-child(2) .gal-name{height: calc(247.41px - 10px);}
}.left-title{position: relative; font-family: Avo; font-size: 21px; font-weight: normal; text-transform: uppercase; color: #004dfc; margin-bottom: 10px; padding: 2px 0 6px 21px; border: 1px solid #d7d7d7;}
.left-title:after{content: ''; position: absolute; top: -1px; left: -1px; width: 9px; height: 39px; background: #004dfc;}

.left-list{margin-bottom: 30px;}
.left-list ul{list-style: none;}
.left-list ul li a{display: block; font-size: 14px; line-height: 32px; border-bottom: 1px solid #d7d7d7;}
.left-list ul li a:hover{color: #004dfc;}
.left-list ul li span{position: absolute; top: 0; right: 0; width: 17px; height: 32px; cursor: pointer;}
.left-list ul li span.left-button-minus{background: url(/components/left/img/m.png) no-repeat center;}
.left-list ul li span.left-button-plus{background: url(/components/left/img/p.png) no-repeat center;}

.left-list > ul{border: 1px solid #d7d7d7; border-bottom: 0;}
.left-list > ul > li{position: relative;}
.left-list > ul > li > a{color: #565656; padding-left: 20px; background: url(/components/left/img/li.png) no-repeat bottom 10px left 7px;}
.left-list > ul > li.active > a{background: url(/components/left/img/li2.png) no-repeat bottom 10px left 7px; color: #004dfc;}
.left-list > ul > li > ul > li > a{color: #333!important; padding-left: 40px; background: url(/components/left/img/li.png) no-repeat bottom 10px left 27px;}
.left-list > ul > li > ul > li > a:hover, .left-list > ul > li > ul > li.active > a{background: url(/components/left/img/li2.png) no-repeat bottom 10px left 27px; color: #004dfc!important;}

.help{margin-bottom: 30px;}
.help-item{border-bottom: 1px solid #d7d7d7;}
.help-list{padding: 9px 0 0; border: 1px solid #d7d7d7; border-bottom: 1px;}
.help-name{font-size: 14px; text-align: center; line-height: 26px;}
.help-phone{text-align: center; margin-bottom: 11px;}
.help-phone a{font-size: 16px; line-height: 26px; color: #ff0000;}
.help-chat{margin-bottom: 11px;}
.help-zalo{position: relative; float: left; margin-left: 20px;}
.help-zalo-code{position: absolute; bottom: 40px; left: 0; width: 175px; box-shadow: 0 0 2px 1px rgba(0,0,0,0.25); border: 5px solid #fff;}
.help-skype{float: right; margin-right: 20px;}
.help-email{margin: 0 7px; padding-left: 43px; background: url(/components/left/img/e.png) no-repeat center left 7px; border-top: 1px dashed #d7d7d7;}
.help-email a{display: block; line-height: 42px; color: #147e3e;}

.left-tin{}
.left-tin-container{border: 1px solid #d7d7d7; border-bottom: 0;}
.left-tin-item{padding: 10px; border-bottom: 1px dashed #d7d7d7;}
.left-tin-item:last-child{border-bottom: 1px solid #d7d7d7;}
.left-tin-img{float: left; margin-right: 10px; padding: 1px; border: 1px solid #d7d7d7;}
.left-tin-name{height: 60px; overflow: hidden;}
.left-tin-name a{display: block; line-height: 20px; color: #333; transition: all 0.25s ease 0s;}
.left-tin-name:hover a{color: #0774b8;}.menu-wrap{height: 44px; font-family: Avo; font-size: 15px; z-index: 100;}
.menu{position: relative; height: 40px; background: #fff; border-top: 1px solid #dcdcdc; border-bottom: 3px solid #f3f5f6;}
.menu-fix{position: fixed; top: 0; right: 0; left: 0; margin: auto; z-index: 99991;}

.menu-product{float: left; width: 240px;}
.menu-product-title{padding: 11px 0 9px 20px; background: #ff0000 url(/components/menu/m.png) no-repeat top 15px right 14px; text-transform: uppercase; color: #fff; cursor: default;}
.menu-product-container{position: absolute; top: 100%; width: 240px; z-index: 100;}
.menu-product-container ul{display: none; list-style: none;}
.menu-product-container ul li{position: relative; list-style: none; background: #8f908f; border-bottom: 1px solid #fff; transition: all 0.25s ease 0s;}
.menu-product-container ul li:hover{background: #ff0000;}
.menu-product-container ul li:hover ul{display: block;}
.menu-product-container ul li:last-child{border-bottom: 0;}
.menu-product-container ul li a{display: block; padding: 6px 7px 7px; font-size: 13px; text-transform: none; color: #fff;}
.menu-product-container ul li ul{position: absolute; top: 0; left: 100%; width: 240px;}
.menu-product-container ul li ul li{background: #ff0000;}
.menu-product-container ul li ul li:hover{background: #bf191e;}
.menu-product:hover .menu-product-container > ul{display: block;}

.menu-product-container ul li ul li ul{display: none!important;}
.menu-product-container ul li ul li:hover ul{display: block!important;}

.menu-desk{float: left;}
.menu-desk ul#navigation{list-style: none;}
.menu-desk ul#navigation li{position: relative; list-style: none; float: left; transition: all 0.25s ease 0s;}
.menu-desk ul#navigation li a{display: block; padding: 11px 0 9px; text-transform: uppercase; color: #004dfc;}

.menu-desk > ul#navigation > li:first-child{padding-left: 20px; background: url(/components/menu/li.png) no-repeat top 15px left;}
.menu-desk > ul#navigation > li:after{content: ''; position: absolute; top: -1px; left: 0; width: 0%; height: 1px; background: #004dfc; transition: all 0.25s ease 0s;}
.menu-desk > ul#navigation > li:hover:after,
.menu-desk > ul#navigation > li.active:after{width: 100%;}

.menu-desk ul#navigation li > ul{opacity: 0;}
.menu-desk ul#navigation li:hover > ul{visibility: visible; opacity: 1;}
.menu-desk ul#navigation li:hover > ul li{visibility: visible;}
.menu-desk ul#navigation ul,
.menu-desk ul#navigation ul li ul{top: 100%; left: 0; float: left; visibility: hidden; position: absolute; z-index: 999; width: 200px; display: none;}
.menu-desk ul#navigation ul li{width: 100%; background: #004dfc; border-bottom: 1px solid #fff;}
.menu-desk ul#navigation ul li:last-child{border-bottom: 0;}
.menu-desk ul#navigation ul li:hover{background: #ff0000;}
.menu-desk ul#navigation ul li a{text-transform: none; color: #fff; padding: 6px 7px 8px;}

#menu-mobile{opacity: 0;}
.menu-mobile{float: left; width: 90px; padding: 11px 0 9px 20px; background: #ff0000 url(/components/menu/m.png) no-repeat top 15px right 14px; text-transform: uppercase; color: #fff;}

.menu-lang{float: right; margin-top: 13px;}
.menu-lang a{float: left; border: 1px solid transparent; transition: all 0.25s ease 0s;}
.menu-lang a:hover{border: 1px solid #8f908f;}
.menu-lang a:first-child{margin-right: 14px;}

@media (min-width: 320px){
    .menu-desk, .menu-product{display: none;}
    .menu-mobile{display: block;}
}
@media (min-width: 970px){
    .menu-desk, .menu-product{display: block;}
    .menu-mobile{display: none;}
    .menu-display{display: none;}
    .menu-desk > ul#navigation > li{margin: 0 25px}
}
@media (min-width: 1170px){
    .menu-desk > ul#navigation > li{margin: 0 30px}
}.news-item{margin: 0 0 30px; line-height: 20px;}

.news-info .clear{width: 100%; margin: 10px 0 15px; border-bottom: 1px dashed rgba(51,51,51,0.5);}

.news-name{font-size: 15px; text-transform: uppercase; color: #004dfc; max-height: 40px; overflow: hidden; margin-bottom: 10px;}
.news-name a{color: #004dfc; transition: all 0.25s ease 0s;}

.news-prev{color: #333; max-height: 40px; overflow: hidden;}

.news-more{float: left; font-size: 12px; text-transform: uppercase; margin: 0 10px 0 0;}
.news-more a{display: block; padding: 3px 10px 2px; background: #004dfc; color: #fff; transition: all 0.25s ease 0s;}
.news-more:hover a{background: #ff0000;}

.news-time{float: left; font-size: 12px; text-transform: uppercase;}
.news-time-inner{margin-bottom: 10px;}
.news-time a{display: inline-block; background: rgba(51,51,51,0.75); color: #fff; margin: 0 6px 0 0; padding: 3px 10px 2px; transition: all 0.25s ease 0s;}
.news-time a:hover{background: #004dfc;}
.news-time span{display: inline-block; padding: 3px 0 2px; color: #333;}

.news-item:hover .news-name a{color: #ff0000;}

@media (min-width:320px){
    .news-img{margin: 0 0 11px;}
}
@media (min-width:480px){
    .news-img{float: left; width: 220px; margin: 0;}
    .news-info{float: right; width: calc(100% - 250px);}
}.product-left{float: left; width: 400px;}
.product-right{float: right; width: calc(100% - 430px);}

.product-prev{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}

.product-string{list-style: none; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.product-string li{line-height: 22px;}
.product-string li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-string li b:after{content: ':'; position: absolute; right: 0;}
.product-string li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px;}

.product-red{font-family: OpenSansBold; color: #ff0000;}
.product-blue{font-family: OpenSansBold; color: #004dfc;}

.product-price{list-style: none; margin-bottom: 10px;}
.product-price li{line-height: 30px;}
.product-price li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-price li b:after{content: ':'; position: absolute; right: 0;}
.product-price li label{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-family: OpenSansSB; font-size: 20px; color: #ff0000;}
.product-price li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-family: OpenSansSB; font-size: 14px; color: #666;}

.product-quantity{margin: 0 0 13px;}
.product-quantity b{position: relative; display: inline-block; width: 105px; height: 30px; line-height: 30px; vertical-align: top;}
.product-quantity b:after{content: ':'; position: absolute; right: 0;}
.product-quantity-control{display: inline-block; width: 105px; margin: 0 0 0 12px;}
.product-quantity-control div{float: left; width: 22px; height: 30px;}
.product-quantity-control div:last-child{float: right;}
.product-quantity-control div a{display: block; font-size: 25px; text-align: center; line-height: 30px; color: #fff; background: #004dfc; transition: all 0.25s ease 0s;}
.product-quantity-control div a:hover{background: #ff0000;}
.product-quantity-control input[type='text']{float: left; width: calc(100% - 54px); height: 30px; margin: 0 5px; font-size: 15px; text-align: center; text-indent: 0; color: #004dfc; border: 1px solid #004dfc;}

.product-cart{}
.product-cart p{line-height: 22px;}
.product-cart a{position: relative; display: block; font-family: OpenSansSB; font-size: 15px; color: #fff; padding: 7px 35px 9px 55px;}
.product-cart a i{position: absolute; top: 10px; left: 19px; width: 18px; height: 15px; margin: auto; text-align: center;}
.product-cart-add, .product-cart-go{vertical-align: top; transition: all 0.25s ease 0s;}
.product-cart-add a{background: #bf191e;} .product-cart-go a{background: #004dfc;}
.product-cart-add:hover a, .product-cart-go:hover a{background: #ff0000;}

.product-contact{display: block; margin: 10px 0 0; font-size: 17px; line-height: 30px; color: #333;}
.product-contact b{font-size: 20px; color: #ff0000;}

.product-tab{margin-top: 25px; padding-top: 25px; border-top: 1px solid #d7d7d7;}
.product-tab ul{list-style: none;}
.product-tab li a{display: block; font-family: OpenSansSB; color: #333; background: #d7d7d7; border: 1px solid #d7d7d7; border-bottom: 0;}
.product-tab li a.active{position: relative; background: #fff; color: #004dfc}
.product-tab li a.active:after{content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #fff;}

.product-content{padding: 10px; border: 1px solid #d7d7d7}

@media (min-width: 320px){
    .product-other{display: none;}
    .product-other-mobile{display: block;}
    
    .product-left{width: 100%; margin-bottom: 30px;}
    .product-right{width: 100%;}
    
    .product-cart-add{margin-bottom: 3px;}
    .product-tab li{display: block;}
    .product-tab li a{padding: 5px 10px 7px; font-size: 15px;}
}
@media (min-width: 360px){

}
@media (min-width: 410px){
    .product-cart-add, .product-cart-go{display: inline-block; margin: 0;}
    .product-tab li{display: inline-block;}
    .product-tab li a{padding: 5px 6px 7px; font-size: 14px; border-top: 3px solid #d7d7d7;}
}
@media (min-width: 480px){
    .product-tab li a{padding: 5px 10px 7px; font-size: 15px;}
}
@media (min-width: 580px){

}
@media (min-width: 767px){
    .product-left{float: left; width: 350px; margin-bottom: 0;}
    .product-right{float: right; width: calc(100% - 375px);}
}
@media (min-width: 970px){
    .product-detail{float: left; width: calc(100% - 265px);}
    .product-other{float: right; display: block; width: 240px;}
    .product-other-mobile{display: none;}
    .product-cart-add{margin-bottom: 3px;}
}
@media (min-width: 1170px){
    .product-cart-add{margin-bottom: 0;}
}.g{}
.g-wrap{margin-bottom: 15px; background: #f9f9f9; border: 1px solid #d7d7d7;}
.g-left{float: left; width: 240px;}
.g-right{float: right; width: calc(100% - 281px); padding: 15px 15px 0; background: #fff; border-left: 1px solid #d7d7d7}

.g-title{position: relative; font-family: OpenSansSB; font-size: 17px; text-align: center; padding: 13.5px 0; margin: 0 0 25px;}
.g-title:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; width: calc(100% - 40px); height: 1px; background: #d7d7d7;}
.g-title a{display: block; color: #333;}

.g-menu{list-style: none;}
.g-menu li{text-align: center; margin: 0 0 15px;}
.g-menu a{display: inline-block; padding: 5px 10px; color: #666; border: 1px solid #d7d7d7; border-radius: 4px; transition: all 0.25s ease 0s;}
.g-menu a:hover{background: #dcdcdc; color: #004dfc;}

.g-item{float: left; width: calc((100% - 60px) / 4); margin-right: 15px; margin-bottom: 15px;}
.g-item:nth-child(4n){margin-right: 0;}/*
 *	generated by WOW Slider 8.8
 *	template Pulse
 */

#wowslider-container1 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:440px;
	margin: auto;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
* html #wowslider-container1{ width:1920px }
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:440px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:440px;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container1 .ws_images > div > img {
	max-height:440px;
}

#wowslider-container1 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container1 .ws-title > div {
	display: block !important;
}

#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
    display: none;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
	line-height: 0;
}

#wowslider-container1  .ws_script{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container1 .ws_video_btn div {
	position: absolute;
	background-image: url(/components/slide/playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}

/* Navigation arrows for preview mode */
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev{
	position:absolute;
	top:calc(50% - 24px);
	width:48px;
	height:48px;
	margin:0;
	z-index:60;
	cursor:pointer;
	opacity:0.75;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);	
}
#wowslider-container1 a.ws_next{
	right:24px;
	background: url(/components/slide/next_photo.png) no-repeat 50% 50%;
	background-size: 100%;
}
#wowslider-container1 a.ws_prev{
	left:24px;
	background: url(/components/slide/prev_photo.png) no-repeat 50% 50%;
	background-size: 100%;
}
#wowslider-container1 a.ws_next:hover, #wowslider-container1 a.ws_prev:hover{
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);	
}
#wowslider-container1 .ws_bullets a {
	position:relative;
	background:url("/components/slide/bullet.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	float:left;
	cursor:pointer;
	height:15px;
	margin-right:5px;
	text-indent:-9999px;
	width:15px;
	z-index:100;
	outline:none;
	color:transparent;
}
#wowslider-container1 a.ws_selbull,#wowslider-container1 a.ws_overbull,#wowslider-container1 .ws_bullets a:hover{
	background-position:100% 0;
}

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 4.8em;
    height: 4.8em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2.4em;
    margin-top: -2.4em;
    z-index: 59;
	background-size: 100%;
}

#wowslider-container1 .ws_pause{
    background-image: url(/components/slide/pause.png);
}

#wowslider-container1 .ws_play{
    background-image: url(/components/slide/play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 100% 100% !important;
}/* bottom center */
#wowslider-container1  .ws_bullets {
	bottom:20px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}
#wowslider-container1 .ws-title-wrapper{position:absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center;}
#wowslider-container1 .ws-title{
	position: relative;
	font-family: OpenSansSB;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
	color:#fff;
	margin: 0;
	padding: 0;
	opacity:1;
    z-index: 50;
    text-shadow: 3px 3px 7px rgba(0,0,0,0.35);
}
#wowslider-container1 .ws-title span{
 
}
#wowslider-container1 .ws-title div{

}
#wowslider-container1 .ws_images > ul{
	animation: wsBasic 12s infinite;
	-moz-animation: wsBasic 12s infinite;
	-webkit-animation: wsBasic 12s infinite;
}
@keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }

#wowslider-container1  .ws_shadow{
    display: none;
	background-image: url(/components/slide/bg.png);
	background-repeat: no-repeat;
	background-size:100%;
	position:absolute;
	z-index: -1;
	left:-0.78%;
	top:-2.68%;
	width:101.56%;
	height:105.35%;
}
* html #wowslider-container1 .ws_shadow{/*ie6*/
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/bg.png', sizingMethod='scale');
}
*+html #wowslider-container1 .ws_shadow{/*ie7*/
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/bg.png', sizingMethod='scale');
}
#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:10px;
	left:-82px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:164px;
	background-color:#FFFFFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:15px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-11px;
	margin-left:-9px;
	left:82px;
	background:url(/components/slide/triangle.png);
	width:15px;
	height:6px;
}#wowslider-container1 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container1 .ws_controls,
	#wowslider-container1 .ws_bullets,
	#wowslider-container1 .ws_thumbs{
		display: none
	}
}#wowslider-container1 .ws_hovershow {
    /*display: none !important; */
    opacity: 0;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    transition:opacity 0.2s ease-in;
}

#wowslider-container1:hover .ws_hovershow {
    /*display: block !important;*/
    opacity: 1;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    transition:opacity 0.2s ease-in;
}

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 18px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -14px;
    z-index: 59;
}

#wowslider-container1 .pause {
    background-image: url(./pause.png);
}

#wowslider-container1 .play {
    background-image: url(./play.png);
}

#wowslider-container1 .pause:hover, #wowslider-container1 .play:hover {
    background-position: 100% 100% !important;
}

#wowslider-container1 .ws_fullscreen {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    left: 15px;
    margin-left: -9px;
    margin-top: -14px;
    z-index: 59;
    background-image: url(./fullscreen.png);
}

div#ws_fullscreen:-moz-full-screen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:-webkit-full-screen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:fullscreen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:-moz-full-screen {
    background-color: #000;
    height: 100%;
}

div#ws_fullscreen:-webkit-full-screen {
    background-color: #000;
    height: 100%;
}

div#ws_fullscreen:fullscreen {
    background-color: #000;
    height: 100%;
}