.spec ul>li{list-style:none}
.spec ul{border:1px solid #ccc;border-radius:5px;padding:.75rem .5rem}
.spec ul>li{line-height:1.4rem}
*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{color:#333;text-decoration:none;transition:color .2s linear}
:focus{outline:none}
a:hover,a:active,a:focus{color:#0f9d58;text-decoration:none}
body{font-family:'Arial','Helvetica Neue',Helvetica,Arial,sans-serif;color:#333;font-size:14px;background:#f2f2f2}
p{line-height:1.3}
h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3}
h1{font-size:24px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
::selection{background:#0f9d58;color:#fff}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width: 768px) {
.container{width:750px}
}
@media (min-width: 992px) {
.container{width:970px}
}
@media (min-width: 1200px) {
.container{width:1170px}
}
.text-center{text-align:center!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-red{color:red}
.row{margin-right:-15px;margin-left:-15px}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.colheadersh-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width: 768px) {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}
@media (min-width: 992px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}
@media (min-width: 1200px) {
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}
.clearfix:before,.clearfix:after{display:table;content:" ";clear:both}
@media only screen and (min-width: 1300px) {
.container{width:1270px}
}
@media only screen and (max-width: 575px) {
.container{padding-right:10px;padding-left:10px}
.row{margin-right:-5px;margin-left:-5px}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-right:5px;padding-left:5px}
}
@font-face{font-family:'FontAwesome';src:url(../library/font-awesome-4.7.0/fonts/fontawesome-webfont.eot);src:url(../library/font-awesome-4.7.0/fonts/fontawesome-webfont.eot) format("embedded-opentype"),url(../library/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2) format("woff2"),url(../library/font-awesome-4.7.0/fonts/fontawesome-webfont.woff) format("woff"),url(../library/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf) format("truetype"),url(../library/font-awesome-4.7.0/fonts/fontawesome-webfont.svg) format("svg");font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-envelope-o:before{content:"\f003"}
.fa-phone:before{content:"\f095"}
.fa-search:before{content:"\f002"}
.fa-bars:before{content:"\f0c9"}
.fa-caret-left:before{content:"\f0d9"}
.fa-caret-right:before{content:"\f0da"}
.fa-caret-down:before{content:"\f0d7"}
.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}
.fa-remove-thin:before,.fa-close-thin:before,.fa-times-thin:before{content:'\00d7'}
.fa-clock-o:before{content:"\f017"}
.fa-home:before{content:"\f015"}
.fa-envelope:before{content:"\f0e0"}
.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}
.fa-twitter:before{content:"\f099"}
.fa-youtube:before{content:"\f167"}
.fa-google-plus:before{content:"\f0d5"}
.fa-info-circle:before{content:"\f05a"}
.fa-retweet:before{content:"\f079"}
.fa-exclamation-triangle:before{content:"\f071"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-user-circle-o:before{content:"\f2be"}
.fa-user:before{content:"\f007"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-star:before{content:"\f005"}
.fa-user-o:before{content:"\f2c0"}
.fa-eye:before{content:"\f06e"}
.owl-theme .owl-nav{margin-top:0}
.owl-theme .owl-nav [class*="owl-"],.owl-theme .owl-nav:hover [class*="owl-"]{background:none}
.owl-next{position:absolute;float:left;right:0}
.owl-prev{position:absolute;float:left;left:0}
.owl-next,.owl-prev{top:50%;transform:translateY(-50%)}
.owl-nav .button{background:rgba(255,255,255,0.8);color:#999;width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;border:1px solid #e3e3e3;font-size:16px}
.owl-next .button i{margin-right:-2px}
.owl-prev .button i{margin-left:-2px}
.mz-zoom-window{z-index:2}
.clearfix .left{float:left}
.clearfix .right{float:right}
.table-container{display:table;width:100%}
.table-row{display:table-row}
.table-column{display:table-cell;vertical-align:middle}
.table-responsive{min-height:.01%;overflow-x:auto}
@media screen and (max-width: 767px) {
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
.table-responsive table{min-width:850px}
}
@media only screen and (min-width: 992px) {
.logged{top:32px!important}
}
@media only screen and (min-width: 783px) and (max-width: 991px) {
.logged{top:32px!important}
}
@media only screen and (max-width: 782px) {
.logged{top:46px!important}
}
@media only screen and (max-width: 991px) {
#wpadminbar{position:fixed!important}
}
.search form{background:#fff;position:relative}
.search input{width:100%;border:1px solid #ccc;background:#fff;height:40px;padding:0 90px 0 10px;font-size:14px}
.search button{position:absolute;border:none;background:#0f9d58;color:#fff;height:40px;width:80px;right:0;font-size:20px;cursor:pointer}
#menu-mobile{position:fixed;top:0;left:0;background:#fff;width:260px;height:100vh;max-height:100vh;z-index:3;left:-260px;transition:left .3s linear;overflow-y:scroll}
#menu-mobile.show{left:0}
#menu-mobile .search{padding:10px 15px}
#menu-mobile .search input{border-radius:5px;height:35px;padding:0 40px 0 10px;border:1px solid #e3e3e3}
#menu-mobile .search button{border-top-right-radius:5px;border-bottom-right-radius:5px;height:35px;width:40px}
#menu-mobile .button-close{position:fixed;left:-40px;top:0;display:block;width:40px;padding:0 8px;font-size:36px;color:#fff;transition:left .3s linear}
#menu-mobile.show .button-close{left:260px}
#menu-mobile nav ul{list-style:none}
#menu-mobile nav ul li{position:relative;font-size:15px}
#menu-mobile nav ul li .toggle{position:absolute;right:0;top:0;padding:12px 15px;width:38px;cursor:pointer;background:#f2f2f2}
#menu-mobile nav ul.menu li{border-top:1px dotted #ddd}
#menu-mobile nav ul.menu li:last-child{border-bottom:1px dotted #ddd}
#menu-mobile nav ul.menu li a{display:block;padding:8px 15px;line-height:25px}
#menu-mobile nav ul.menu li .icon{width:25px;height:25px;float:left;margin-right:10px}
#menu-mobile nav ul.menu li .icon.hover{display:none}
#menu-mobile nav ul.menu li:hover .icon{display:none}
#menu-mobile nav ul.menu li:hover .icon.hover{display:block}
.menu-vertical nav ul.menu li:hover .icon.hover{display:block}
#menu-mobile nav ul.menu li a.has-toggle{padding-right:40px}
#menu-mobile nav ul.menu li ul.sub-menu{display:none}
#menu-mobile nav ul.menu li ul.sub-menu li:last-child{border-bottom:none}
#menu-mobile nav ul.menu li ul.sub-menu li a{padding-left:25px}
#menu-mobile nav ul.menu li ul.sub-menu li ul.sub-menu li a{padding-left:50px}
@media only screen and (min-width: 992px) {
#overlay{display:none!important}
#menu-mobile{display:none}
}
.menu-vertical{background:#fff;line-height:1.3;font-size:14px}
.menu-vertical nav ul{list-style:none}
.menu-vertical nav ul.menu{position:relative}
.menu-vertical nav ul.menu li{border-bottom:1px solid #eee}
.menu-vertical nav ul.menu li a{position:relative;display:block;padding:7px 15px;transition:color 0 linear;line-height:25px}
.menu-vertical nav ul.menu li a:after{position:absolute;font-family:'FontAwesome';content:"\f0da";top:50%;right:15px;transform:translateY(-50%)}
.menu-vertical nav ul.menu li:hover a{color:#fff;background:#0f9d58}
.menu-vertical nav ul.menu li:hover:after{color:#fff}
.menu-vertical nav ul.menu li .icon{width:25px;height:25px;float:left;margin-right:10px}
.menu-vertical nav ul.menu li .icon.hover{display:none}
.menu-vertical nav ul.menu li:hover .icon{display:none}
.menu-vertical nav ul.menu li:hover .icon.hover{display:block}
.menu-vertical nav ul.menu li ul.sub-menu{display:none}
.menu-vertical nav ul.menu li:hover ul.sub-menu{display:block;position:absolute;left:100%;top:0;z-index:2;width:750px;min-height:100%;background:rgba(255,255,255,0.9)}
.menu-vertical nav ul.menu li:hover ul.sub-menu li{width:250px;float:left;border-bottom:none}
.menu-vertical nav ul.menu li:hover ul.sub-menu li a{color:#0f9d58;background:none;font-weight:700;padding:12px 20px 8px;line-height:1.3}
.menu-vertical nav ul.menu li:hover ul.sub-menu li a:after{content:""}
.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu{position:static;padding-bottom:20px;background:none}
.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu li{float:none}
.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu li a{color:#333;font-weight:400;font-size:13px;padding:5px 20px;transition:color .2s linear}
.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu li a:hover{color:#0f9d58}
.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu li.view-more a{color:#ed1b2f!important;font-weight:700}
.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu li.view-more a:hover{text-decoration:underline}
#overlay{position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);width:100vw;height:100vh;z-index:2;display:none}
.list-product{margin-right:-5px;margin-left:-5px;margin-bottom:20px;overflow:hidden}
.list-product [class^="col-"]{padding-right:0;padding-left:0}
.list-product:last-child{margin-bottom:0}
.list-product .item{padding:10px}
.list-product .item:hover{box-shadow:12px 0 15px -4px rgba(227,227,227,0.8),-12px 0 8px -4px rgba(227,227,227,0.8)}
.list-product .item .image{margin-bottom:5px}
.list-product .item .image a{display:block;position:relative}
.list-product .item .image img{width:100%;height:auto}
.list-product .item .image .sale{position:absolute;top:0;right:0}
.list-product .item .image .sale .percent{position:relative;color:#FFF;text-align:center;background:red;border-radius:5px;display:inline-block;margin-bottom:5px;padding:3px 7px;font-size:16px}
.list-product .item .image .sale .percent:after{content:'';position:absolute;border-style:solid;display:block;width:0;z-index:1;border-width:4px 5px 4px 0;border-color:transparent red;left:-5px;top:8px}
.list-product .item .image .promotion{position:absolute;bottom:0;left:0}
.list-product .item .info{overflow:hidden}
.list-product .item:hover .info a{color:#0f9d58}
.list-product .item .info .name{font-size:14px;font-weight:700;line-height:1.5;margin-bottom:10px}
.list-product .item .info .price-old{color:#6a6a6a;margin-bottom:5px;font-size:13px}
.list-product .item .info .price{color:red;margin-bottom:5px;font-weight:700;font-size:20px}
.list-product .item .info .rating{margin-bottom:5px}
.list-product .item .info .post-view{display:inline-block;margin-bottom:5px;font-size:14px;color:#666}
@media only screen and (min-width: 1200px) {
.list-product .item .info{height:161px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.list-product .item .info{height:119px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.list-product .item .info{height:131px}
.list-product .item .info .name{font-size:18px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.list-product .item .info{height:119px}
}
@media only screen and (max-width: 575px) {
.list-product .item .info{height:180px}
}
.rating{display:inline-block;margin-right:8px;margin-bottom:5px;font-size:12px;color:#666}
.rating i{color:#ccc;font-size:14px}
.rating i.star-yellow{color:#ffcd5d}
@media only screen and (min-width: 992px) {
#breadcrumb-block .breadcrumb p{line-height:40px;font-size:14px;clear:both}
#breadcrumb-block .breadcrumb p span{float:left}
#breadcrumb-block .breadcrumb p span a{color:#a4a4a4}
#breadcrumb-block .breadcrumb p span.separator{position:relative;width:0;height:0;border-top:20px solid transparent;border-left:15px solid #d1d1d1;border-bottom:20px solid transparent;margin:0 15px}
#breadcrumb-block .breadcrumb p span.separator:after{content:'';position:absolute;top:-19px;left:-15px;width:0;height:0;border-top:19px solid transparent;border-left:14px solid #f2f2f2;border-bottom:19px solid transparent}
}
@media only screen and (max-width: 991px) {
#breadcrumb-block{background:#fff;padding:5px 0;margin-bottom:20px}
#breadcrumb-block .breadcrumb p{margin:0;clear:both;font-size:15px;line-height:24px;color:#0f9d58}
#breadcrumb-block .breadcrumb p span a{color:#0f9d58}
#breadcrumb-block .breadcrumb p span.separator:after{content:' » ';color:#999;margin:0 5px;font-size:18px}
}
.main-content{width:100%}
.sidebar{width:23%;padding-right:25px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-content{width:100%}
.sidebar{width:28%}
}
@media only screen and (max-width: 991px) {
.main-content{width:100%;margin-bottom:15px}
.sidebar{width:100%;padding-right:0}
}
.sidebar .widget{margin-bottom:20px}
.sidebar .widget .widget-title{background:#0f9d58;color:#fff;padding:10px 15px;font-weight:700;text-transform:uppercase;font-size:15px}
.sidebar .widget .widget-title i{color:#0f9d58;display:inline-block;margin-right:5px}
.sidebar .widget .widget-content{background:#fff;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
@media only screen and (max-width: 991px) {
.sidebar .widget .widget-title{font-size:15px}
}
.sidebar .widget.widget-category .widget-content ul{list-style:none}
.sidebar .widget.widget-category .widget-content ul li{border-bottom:1px solid #e3e3e3}
.sidebar .widget.widget-category .widget-content ul li a{padding:11px 15px;display:block;transition:color 0 linear}
.sidebar .widget.widget-category .widget-content ul li a .icon{display:none}
.sidebar .widget.widget-category .widget-content ul li:hover a{background:#0f9d58;color:#fff}
.sidebar .widget.widget-category .widget-content ul li:last-child{border-bottom:none}
@media only screen and (max-width: 991px) {
.sidebar .widget.widget-category .widget-content ul li{font-size:15px}
}
.sidebar .widget.widget-article .widget-content .list-article{padding:10px}
.sidebar .widget.widget-article .widget-content .list-article .item{margin-bottom:10px}
.sidebar .widget.widget-article .widget-content .list-article .item:last-child{margin-bottom:0}
.sidebar .widget.widget-article .widget-content .list-article .item .image{width:80px}
.sidebar .widget.widget-article .widget-content .list-article .item .info{margin-left:90px}
.sidebar .widget.widget-article .widget-content .list-article .item .image img{max-width:100%;height:auto}
.sidebar .widget.widget-article .widget-content .list-article .item .info .title{font-size:13px;margin-bottom:5px;line-height:1.4}
.sidebar .widget.widget-article .widget-content .list-article .item .info .price{font-size:14px;margin-bottom:5px;color:red;font-weight:700}
.sidebar .widget.widget-article .widget-content .list-article .item .info .price-old{font-size:12.5px;margin-bottom:5px;color:#6a6a6a;text-decoration:line-through}
.sidebar .widget.widget-article .widget-content .list-article .item .info .time{color:#999;font-size:13px}
@media only screen and (max-width: 991px) {
.sidebar .widget.widget-article .widget-content .list-article .item .info .title{font-size:16px;margin-bottom:8px}
.sidebar .widget.widget-article .widget-content .list-article .item .info .price{font-size:15px;margin-bottom:3px}
.sidebar .widget.widget-article .widget-content .list-article .item .info .price-old{font-size:14px}
}
#pagination{text-align:center}
#pagination .page-numbers{display:inline-block;padding:6px;text-decoration:none;border:1px solid #ccc;margin:0 2px 10px;min-width:37px}
#pagination .page-numbers.current{background:#0f9d58;border:1px solid #0f9d58;color:#fff}
#pagination a.page-numbers{color:#0f9d58;transition:background .2s linear,color .2s linear}
#pagination a.page-numbers:hover{background:#0f9d58;color:#fff}
@media only screen and (max-width: 575px) {
#pagination .page-numbers.prev{display:none}
#pagination .page-numbers.next{display:none}
}
@media only screen and (min-width: 576px) {
.entry-content{font-size:16px}
}
@media only screen and (max-width: 575px) {
.entry-content{font-size:18px}
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-weight:700;color:#0f9d58;margin:25px 0 15px;line-height:1.3}
@media only screen and (min-width: 576px) {
.entry-content h2{font-size:22px}
}
@media only screen and (max-width: 575px) {
.entry-content h2{font-size:20px}
}
@media only screen and (min-width: 576px) {
.entry-content h3{font-size:20px;font-weight:400}
}
@media only screen and (max-width: 575px) {
.entry-content h3{font-size:18px;font-weight:400}
}
@media only screen and (min-width: 576px) {
.entry-content h4{font-size:18px}
}
@media only screen and (max-width: 575px) {
.entry-content h4{font-size:16px}
}
@media only screen and (min-width: 576px) {
.entry-content h5{font-size:16px}
}
@media only screen and (max-width: 575px) {
.entry-content h5{font-size:14px}
}
@media only screen and (min-width: 576px) {
.entry-content h6{font-size:14px}
}
@media only screen and (max-width: 575px) {
.entry-content h6{font-size:12px}
}
.entry-content img{max-width:100%;height:auto}
.entry-content a{color:#0f9d58}
.entry-content p{line-height:1.6;margin-bottom:15px;word-wrap:break-word}
.entry-content ul,.entry-content ol{margin-bottom:20px;list-style-position:inside}
.entry-content ol{list-style-position:inside;padding-left:0}
.entry-content ul li,.entry-content ol li{margin-bottom:2px}
@media only screen and (min-width: 576px) {
.entry-content ul li,.entry-content ol li{line-height:1.5}
}
@media only screen and (max-width: 575px) {
.entry-content ul li,.entry-content ol li{line-height:1.6}
}
.entry-content .alignleft{display:inline;float:left;margin-right:1.5em}
.entry-content .alignright{display:inline;float:right;margin-left:1.5em}
.entry-content .aligncenter{display:block;margin-left:auto;margin-right:auto}
.entry-content .wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto;margin-bottom:8px}
.entry-content .wp-caption .wp-caption-text{padding:5px 0;font-size:13px}
.entry-content .wp-caption{margin-bottom:1.5em;max-width:100%}
.entry-content table{width:100%!important;margin-bottom:15px}
@media only screen and (max-width: 575px) {
.entry-content table{overflow:hidden;overflow-x:scroll;display:block}
}
.entry-content table tr td{border:1px solid #cdcdcd;padding:5px 10px}
.entry-content table tr.header td{background:#0f9d58;border:1px solid #0f9d58;color:#fff;padding:8px 10px}
@media only screen and (max-width: 575px) {
.entry-content table tr td{min-width:150px}
}
#header{background:#fff}
#header .header-top{padding:5px 0;background:#f2f2f2}
#header .header-top .phone-number{color:#ed1b2f;font-weight:700}
#header .header-top ul{list-style:none}
#header .header-top ul li{display:inline-block}
#header .header-top ul li:not(:last-child):after{content:' |'}
@media only screen and (max-width: 991px) {
#header .header-top{display:none}
}
#header .logo,#header .contact,#header .search{height:100px}
#header .logo{width:22%}
#header .search{width:54%;padding:0 25px}
#header .contact{width:24%}
#header .logo img{max-width:100%;height:auto}
#header .logo h1{font-size:0}
#header .contact .item{display:inline-block;margin-right:10px}
#header .contact .item:last-child{margin-right:0}
#header .contact .item .icon{float:left;width:45px;height:45px;line-height:45px;font-size:26px;color:#999;border-radius:50%;border:1px solid #999;position:relative}
#header .contact .item .icon .num{position:absolute;top:-5px;right:-5px;background:#ed1b2f;color:#fff;border-radius:50%;font-size:10px;line-height:20px;height:20px;width:20px}
#header .contact .item .title{margin-left:55px;line-height:35px;padding:5px}
#header .search form{margin-bottom:8px}
#header .search .suggest{font-size:13px}
#header .search .suggest a{color:#0f9d58;font-style:italic}
#header .button-mobile{visibility:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#header .logo{width:25%}
#header .search{width:45%}
#header .contact{width:30%}
}
@media only screen and (max-width: 991px) {
#header{position:fixed;top:0;width:100%;background:#fff;box-shadow:0 0 25px 0 rgba(0,0,0,0.2);z-index:2}
#header .logo,#header .contact,#header .search,#header .button-mobile{height:45px;padding:5px 0}
#header .logo{text-align:center;width:100%}
#header .logo img{height:40px}
#header .search{display:none}
#header .contact{display:none}
#header .button-mobile{visibility:visible}
#header .button-mobile .button{position:relative;display:inline-block}
#header .button-mobile .button a{display:block;padding:0 10px;font-size:28px;color:#0f9d58;line-height:45px}
#header .button-mobile .button a .num{position:absolute;top:0;right:0;background:#ed1b2f;color:#fff;border-radius:50%;font-size:10px;line-height:18px;height:18px;width:18px;text-align:center}
}
#navbar{background:#0f9d58;font-size:15px;line-height:1.5;height:46px}
#navbar.sticky{background:#0c7e46;position:fixed;left:0;top:0;width:100%;z-index:3}
@media only screen and (max-width: 991px) {
#navbar{display:none}
}
#navbar .title{width:250px}
#navbar .title p{background:#0c7e46;color:#fff;padding:0 10px 0 20px;text-transform:uppercase;height:46px;line-height:46px}
#navbar.sticky .title p,#navbar.not-homepage .title p{cursor:pointer}
#navbar .title p i{font-size:16px;margin-right:8px}
#navbar .title .menu-vertical{display:none}
#navbar .title .menu-vertical nav ul.menu{border-left:1px solid #eee;border-right:1px solid #eee}
#navbar.sticky .title:hover .menu-vertical,#navbar.not-homepage .title:hover .menu-vertical{display:block}
#navbar.not-homepage .title{position:relative}
#navbar.not-homepage:not(.sticky) .title:hover .menu-vertical{position:absolute;top:100%;left:0;width:250px;z-index:2}
#navbar.sticky .menu-horizontal{display:none}
#navbar .menu-horizontal nav ul{list-style:none;display:inline-block}
#navbar .menu-horizontal nav ul li{display:inline-block;position:relative}
#navbar .menu-horizontal nav ul li a{display:block;padding:12px 18px;height:46px;color:#fff;letter-spacing:.5px;transition:background .1s linear}
#navbar .menu-horizontal nav ul li.active,#navbar .menu-horizontal nav ul li a:hover,#navbar .menu-horizontal nav ul li a:active,#navbar .menu-horizontal nav ul li a:focus{color:#fff;background:#0c7e46}
#navbar .menu-horizontal nav ul li ul{display:none}
#navbar .menu-horizontal nav ul li:hover ul{display:block;position:absolute;padding-left:0;left:0;z-index:2}
#navbar .menu-horizontal nav ul li:hover ul li{background:rgba(0,114,187,0.8);width:250px;border-bottom:1px solid #ccc;font-size:13.5px}
#navbar .menu-horizontal nav ul li:hover ul li:last-child{border-bottom:none}
#navbar .menu-horizontal nav ul li:hover ul li a{height:auto}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#navbar .menu-horizontal nav ul li a{padding:12px 8px;letter-spacing:0}
}
#navbar .info{display:none}
#navbar.sticky .info{display:block;margin-left:250px;padding:2px 5px}
#navbar.sticky .info a{color:#fff}
#navbar.sticky .info .search{}
#navbar.sticky .info .contact{width:300px;text-align:center}
#navbar.sticky .info .search button{background:#ed1b2f}
#navbar.sticky .info .contact .item{display:inline-block;margin-right:10px}
#navbar.sticky .info .contact .item:last-child{margin-right:0}
#navbar.sticky .info .contact .item .icon{float:left;width:30px;height:30px;line-height:30px;font-size:20px;color:#fff;border-radius:50%;border:1px solid #fff;position:relative}
#navbar.sticky .info .contact .item .icon .num{position:absolute;top:-5px;right:-5px;background:#ed1b2f;color:#fff;border-radius:50%;font-size:9px;line-height:16px;height:16px;width:16px}
#navbar.sticky .info .contact .item .title{margin-left:35px;line-height:20px;padding:5px;width:auto}
#footer{background:#121212;color:#e1e1e1;padding:60px 0;margin-top:30px}
#footer a{color:#e1e1e1}
#footer p{line-height:1.5;margin-bottom:5px}
#footer .hotline{margin-top:-80px;margin-bottom:20px;background:url(../images/bg-hotline.png) no-repeat right;background-size:cover;padding:25px 70px 25px 25px;letter-spacing:1px}
@media only screen and (min-width: 576px) and (max-width: 991px) {
#footer .hotline{padding:25px 90px 25px 25px}
}
#footer .title{color:#0f9d58;font-size:18px;margin-bottom:10px;font-weight:700}
#footer .hotline .title{color:#fff;font-size:20px;font-weight:400}
#footer .hotline a{font-size:30px;font-weight:700}
#footer .company{margin-bottom:15px}
#footer .social{font-size:16px;margin-bottom:20px}
#footer .social a{color:#fff;display:inline-block;line-height:30px;height:30px;width:30px;margin-right:5px;border-radius:50%;text-align:center}
#footer .social a:last-child{margin-right:0}
#footer .social a.facebook{background:#3c5b9b}
#footer .social a.twitter{background:#1da1f2}
#footer .social a.youtube{background:#fe0303}
#footer .social a.google-plus{background:#eb4026}
#footer .list-company a{color:#888}
#footer .list-company .item{margin-bottom:15px}
#footer .list-company .item .title{}
#footer .list-company .item .info{color:#888}
#footer .list-company .item .info p{margin-bottom:2px}
@media only screen and (max-width: 991px) {
#footer{font-size:15px}
#footer .title{font-size:20px}
#footer .social a{line-height:35px;height:35px;width:35px;font-size:16px}
}
#content{}
@media only screen and (max-width: 991px) {
#content{margin-top:55px}
}
#homepage section{padding-bottom:40px;background:#fff}
#homepage section:last-child{padding-bottom:0}
@media only screen and (max-width: 767px) {
#homepage section .container{width:100%;padding-left:0;padding-right:0}
}
#homepage section .header{margin-bottom:15px}
#homepage section .header h2{display:inline-block;position:relative;line-height:36px;color:#FFF;text-align:center;padding:4px 15px;background:#0f9d58;font-size:15px;margin-right:25px}
#homepage section .header h2:after{content:'';position:absolute;top:0;left:100%;width:0;height:0;border-top:22px solid transparent;border-left:20px solid #0f9d58;border-bottom:22px solid transparent;z-index:1}
#homepage section .header h2 a{color:#fff}
#homepage section .header .sub-category{height:33px;float:right}
#homepage section .header h3{display:inline-block;margin-right:25px;font-size:14px;line-height:46px}
@media only screen and (max-width: 991px) {
#homepage section .header .sub-category{display:none}
}
#homepage .section-1{background:none}
#homepage .section-1 .menu-vertical{float:left;width:250px;background:#fff}
#homepage .section-1 .slide{margin-left:250px}
@media only screen and (max-width: 991px) {
#homepage .section-1 .menu-vertical{display:none}
#homepage .section-1 .slide{width:100%;margin-left:0}
}
#homepage .section-2{padding-bottom:20px;background:none}
#homepage .section-2 .suggest{background:#fff;padding:0;margin:0 0 30px!important}
#homepage .section-2 .suggest h2{font-size:18px;font-weight:700;padding:10px 10px 0}
@media only screen and (max-width: 767px) {
#homepage .section-2 .suggest{padding:5px}
}
#homepage .section-2 .header{margin-bottom:5px;border-bottom:1px solid #f2f2f2}
#homepage .section-2 .content{padding:0 5px}
@media only screen and (max-width: 991px) {
#homepage .section-2 .content .main-content{margin-bottom:0}
}
#homepage .section-2 .content .sidebar{padding-left:25px;padding-right:0}
@media only screen and (max-width: 991px) {
#homepage .section-2 .content .sidebar{display:none}
}
#homepage .section-2 .content .sidebar .widget .widget-title{background:none;color:#333;padding:10px 0 15px;text-transform:none}
#homepage .section-2 .content .sidebar .widget .widget-content{border:none}
#homepage .section-2 .content .sidebar .widget.widget-article .widget-content .list-article{padding:0}
#homepage .section-2 .adv{margin-bottom:30px}
#homepage .section-2 .adv img{max-width:100%;height:auto}
#homepage .section-2 .product{margin-bottom:30px;background:#fff}
#homepage .section-2 .product .slide{margin-bottom:15px}
@media only screen and (max-width: 991px) {
#homepage .section-2 .product .slide{display:none}
}
#homepage .section-2 .product .nav{font-size:15px}
#homepage .section-2 .product .nav ul{list-style:none}
#homepage .section-2 .product .nav ul li{cursor:pointer;display:inline-block}
#homepage .section-2 .product .nav ul li:last-child{margin-right:0}
#homepage .section-2 .product .nav ul li a{display:block;padding:10px 12px}
@media only screen and (max-width: 575px) {
#homepage .section-2 .product .nav ul li{margin-right:8px}
#homepage .section-2 .product .nav ul li a{padding:10px 1px}
}
#homepage .section-2 .product .nav ul li a.active{color:#0f9d58;border-bottom:3px solid #0f9d58}
#homepage .section-2 .product .nav .view-more a{display:inline-block;color:#0f9d58;border:1px solid #0f9d58;border-radius:5px;padding:8px 15px;margin:1px 0;transition:color 0 linear}
#homepage .section-2 .product .nav .view-more a:hover{color:#fff;background:#0f9d58}
@media only screen and (max-width: 767px) {
#homepage .section-2 .product .nav .view-more{display:none}
}
#homepage .section-2 .list-product{margin-bottom:0}
#homepage .section-3{padding-top:40px}
#homepage .section-3 .list-customer{background:#f2f2f2;padding:25px}
#homepage .section-3 .list-customer .header p{font-size:16px;font-weight:700;text-transform:uppercase}
#homepage .section-3 .list-customer .header p:after{display:block;width:100%;max-width:50px;border-bottom:2px solid #0f9d58;content:'';margin:8px 0 20px}
#homepage .section-3 .list-customer .item{margin-bottom:20px}
#homepage .section-3 .list-customer .item .content{margin-bottom:15px}
#homepage .section-3 .list-customer .item .content:before{float:left;width:30px;content:'“';font-size:120px;margin-top:-20px}
#homepage .section-3 .list-customer .item .content p{line-height:1.5;padding-left:60px}
#homepage .section-3 .list-customer .item .image{float:left;width:45px}
#homepage .section-3 .list-customer .item .info{padding-left:60px}
#homepage .section-3 .list-customer .item .image img{width:100%;height:auto;border-radius:50%}
#homepage .section-3 .list-customer .item .info .name{font-weight:700;text-transform:uppercase;font-size:15px;margin-bottom:3px}
@media only screen and (max-width: 991px) {
#homepage .section-3 .list-customer .header p{font-size:20px}
#homepage .section-3 .list-customer .item .content p{font-size:16px}
#homepage .section-3 .list-customer .item .info{font-size:15px}
#homepage .section-3 .list-customer .item .info .name{font-size:16px}
}
#homepage .section-4{}
#homepage .section-4 .category-item{margin-bottom:20px}
#homepage .section-4 .list-news .featured-item{margin-bottom:15px}
#homepage .section-4 .list-news .featured-item:hover a{color:#0f9d58}
#homepage .section-4 .list-news .featured-item .image{float:left;width:200px}
#homepage .section-4 .list-news .featured-item .info{padding-left:220px}
#homepage .section-4 .list-news .featured-item .image img{width:100%;height:auto}
#homepage .section-4 .list-news .featured-item .info .title{font-size:18px;font-weight:700;margin-bottom:5px}
#homepage .section-4 .list-news .featured-item .info .time{color:#666;font-size:13px}
#homepage .section-4 .list-news ul{list-style:none}
#homepage .section-4 .list-news ul li{line-height:1.5;margin-bottom:5px}
#homepage .section-4 .list-news ul li:before{font-family:'FontAwesome';content:"\f0da";float:left;width:3px;color:#0f9d58}
#homepage .section-4 .list-news ul li h3{font-size:14px;padding-left:10px;line-height:1.5}
@media only screen and (max-width: 991px) {
#homepage .section-4 .list-news .featured-item .info .title{font-size:20px}
#homepage .section-4 .list-news .featured-item .info .time{font-size:14px}
#homepage .section-4 .list-news ul li h3{font-size:16px}
}
@media only screen and (max-width: 575px) {
#homepage .section-4 .list-news .featured-item .image{float:none;width:100%;margin-bottom:5px}
#homepage .section-4 .list-news .featured-item .info{padding-left:0}
}
#category-product .wrapper{background:#fff;margin-bottom:40px}
#category-product .slide{margin-bottom:25px}
@media only screen and (max-width: 575px) {
#category-product .slide{margin-top:-10px;margin-left:-10px;margin-right:-10px}
}
#category-product p.page-title,#category-product h1.page-title{font-size:24px;margin-bottom:15px}
#category-product h1.page-title{font-weight:700}
#category-product .page-description{margin-bottom:15px}
#category-product .page-description p{line-height:1.5;margin-bottom:5px}
@media only screen and (max-width: 991px) {
#category-product .page-description{font-size:16px}
}
@media only screen and (max-width: 575px) {
#category-product .wrapper{margin-left:-10px;margin-right:-10px;padding:10px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#category-product .list-product .item .info{height:140px}
}
#category-news .wrapper{background:#fff;margin-bottom:40px;padding:20px}
#category-news h1.page-title{font-size:24px;font-weight:700;margin-bottom:20px}
#category-news .page-description{margin-bottom:20px}
#category-news .page-description p{line-height:1.5;margin-bottom:5px}
@media only screen and (max-width: 991px) {
#category-news .page-description{font-size:16px}
}
@media only screen and (max-width: 575px) {
#category-news .wrapper{margin-left:-10px;margin-right:-10px;padding:10px}
}
#category-news .list-news{margin-bottom:20px}
#category-news .list-news .item{margin-bottom:15px;background:#f2f2f2;padding:20px}
#category-news .list-news .item:hover a{color:#0f9d58}
#category-news .list-news .item .image{margin-bottom:10px}
#category-news .list-news .item .image img{width:100%;height:auto}
#category-news .list-news .item .info .title{font-size:22px;margin-bottom:8px;font-weight:700;line-height:1.3}
#category-news .list-news .item .info .time{color:#999;margin-bottom:10px}
#category-news .list-news .item .info .summary{font-size:14px;line-height:1.5}
@media only screen and (max-width: 575px) {
#category-news .list-news .item{margin-bottom:15px}
#category-news .list-news{margin-right:-10px;margin-left:-10px}
#category-news .list-news [class^="col-"]{padding-right:0;padding-left:0}
#category-news .list-news .item{padding:0}
#category-news .list-news .item .image{margin-bottom:0}
#category-news .list-news .item .info{padding:10px}
#category-news .list-news .item .info .summary{display:none}
}
#detail-product section{background:#fff;margin-bottom:20px}
#detail-product section .header{border-bottom:1px solid #f2f2f2;font-size:20px}
#detail-product section .header p{padding:10px 20px}
#detail-product section .content{padding:10px 20px}
@media only screen and (max-width: 575px) {
#detail-product section{margin-left:-10px;margin-right:-10px}
#detail-product section .header p{padding:10px}
#detail-product section .content{padding:10px!important}
}
#detail-product h1.page-title{font-size:24px;font-weight:700;margin-bottom:15px}
#detail-product .spec p{margin-bottom:10px}
#detail-product .spec .brand,#detail-product .spec .code,#detail-product .spec .status,#detail-product .spec .price,#detail-product .spec .price-old{display:inline-block;margin-bottom:15px;margin-right:15px}
#detail-product .spec .brand a{color:#0f9d58}
#detail-product .spec .text-effect{text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,3px 3px 2px rgba(150,150,150,1);position:relative}
#detail-product .spec .text-effect.line-through:before{border-bottom:2px solid red;position:absolute;content:"";width:100%;height:60%}
#detail-product .spec .price{font-style:italic}
#detail-product .spec .price span{color:red;font-weight:700;font-size:36px}
#detail-product .spec .price-old{font-style:italic}
#detail-product .spec .price-old span{font-weight:700;font-size:24px}
#detail-product .spec .price-save{font-weight:700;color:red}
#detail-product .spec .summary{margin-bottom:15px;column-count:2;column-gap:10px}
@media only screen and (max-width: 767px) {
#detail-product .spec .summary{column-count:1;column-gap:0}
}
#detail-product .spec .summary ul{list-style:none}
#detail-product .spec .summary ul li{line-height:1.5}
#detail-product .spec .summary ul li:before{font-family:'FontAwesome';content:"\f0da";float:left;width:3px;color:#0f9d58}
#detail-product .spec .summary ul li p{margin-left:10px;margin-bottom:3px;line-height:1.4}
#detail-product .spec .selling .buy-now{margin-left:-5px;margin-right:-5px}
#detail-product .spec .selling .buy-now .item{margin-bottom:15px;width:50%;padding:0 5px}
#detail-product .spec .selling .buy-now .item .button{font-weight:700;font-size:16px;border-radius:5px;display:block;padding:10px;text-align:center;text-transform:uppercase;border:none;width:100%;cursor:pointer}
@media only screen and (max-width: 575px) {
#detail-product .spec .selling .buy-now .item .button{font-size:14px;padding:10px 5px}
}
#detail-product .spec .selling .buy-now .item .button span{text-transform:none;display:block;font-weight:400;font-size:11px}
#detail-product .spec .selling .buy-now .item .button.orange{background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d);color:#fff}
#detail-product .spec .selling .buy-now .item .button.blue{background:#288ad6;color:#fff}
#detail-product .spec .social{margin-bottom:15px}
#detail-product .spec .support a{background:#0f9d58;padding:8px 15px;display:inline-block;text-align:center;color:#fff}
#detail-product .spec .support a p{margin-bottom:0}
#detail-product .spec .support a p.title{text-transform:uppercase}
#detail-product .spec .support a p.phone{font-size:20px;font-weight:700}
#detail-product .section-1 .content{padding:20px}
#detail-product .section-1 .image{width:50%;padding-right:20px}
#detail-product .section-1 .info{width:50%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#detail-product .section-1 .image{width:50%}
#detail-product .section-1 .info{width:50%}
}
@media only screen and (max-width: 991px) {
#detail-product .section-1 .image{width:100%;padding-right:0;margin-bottom:15px}
#detail-product .section-1 .info{width:100%}
}
#detail-product .section-1 .image img{width:100%;height:auto}
#detail-product .section-1 .image .list-image{float:right;width:20%;padding-right:15px}
#detail-product .section-1 .image .list-image .item{margin-bottom:15px}
#detail-product .section-1 .image .list-image .item:last-child{margin-bottom:0}
#detail-product .section-1 .image .main-image{float:right;width:80%}
#detail-product .section-1 .image .main-image .hint{font-size:12.5px;margin-top:20px}
#detail-product .section-1 .image .main-image .hint img{width:auto;height:auto;vertical-align:middle}
@media only screen and (max-width: 991px) {
#detail-product .section-1 .image .list-image{float:left;width:100%;margin:0 -5px;padding-right:0}
#detail-product .section-1 .image .list-image .item{width:25%;padding:0 5px;margin:0;float:left}
#detail-product .section-1 .image .main-image{float:left;width:100%;margin-bottom:15px}
#detail-product .section-1 .image .main-image .hint{display:none}
}
#detail-product .section-2 .detail{width:70%;padding-right:40px}
#detail-product .section-2 .info{width:30%}
@media only screen and (max-width: 991px) {
#detail-product .section-2 .detail{width:100%;padding-right:0}
#detail-product .section-2 .info{display:none}
}
#detail-product .section-2 .spec{margin-bottom:20px}
#detail-product .section-2 .spec .brand,#detail-product .section-2 .spec .code,#detail-product .section-2 .spec .status,#detail-product .section-2 .spec .price,#detail-product .section-2 .spec .price-old{display:block;margin-bottom:10px;margin-right:0}
#detail-product .section-2 .spec .price-save{margin-bottom:10px}
#detail-product .section-2 .spec .selling .buy-now .item .button{font-size:14px}
#detail-product .section-3 .content{padding:0}
#detail-news h1.page-title{font-size:24px;font-weight:700;margin-bottom:15px}
#detail-news .wrapper{background:#fff;margin-bottom:40px;padding:20px}
@media only screen and (max-width: 575px) {
#detail-news .wrapper{margin-left:-10px;margin-right:-10px;padding:10px}
}
#detail-news .header .time{margin-bottom:15px}
#detail-news .entry-footer{margin-bottom:15px}
#detail-news .entry-footer .kk-star-ratings{float:right!important}
#detail-news .related-news .header{margin-bottom:20px}
#detail-news .related-news .header h2{color:#0f9d58;font-size:20px;font-weight:700}
#detail-news .related-news .list-related-news{margin-right:-5px;margin-left:-5px;margin-bottom:20px}
#detail-news .related-news .list-related-news [class^="col-"]{padding-right:5px;padding-left:5px}
.list-product:last-child{margin-bottom:0}
#detail-news .related-news .list-related-news .item:hover a{color:#0f9d58}
#detail-news .related-news .list-related-news .item{margin-bottom:20px}
#detail-news .related-news .list-related-news .item .image{margin-bottom:5px}
#detail-news .related-news .list-related-news .item .image img{width:100%;height:auto}
#detail-news .related-news .list-related-news .item .info .name{font-size:18px;margin-bottom:8px}
#detail-news .related-news .list-related-news .item .info .time{color:#999;font-size:13px}
#page-404{width:100%;position:relative;display:table;color:red;padding:15px;background:#fff}
#page-404 .main{display:table-cell;vertical-align:middle}
#page-404 p{margin-left:auto;margin-right:auto}
@media only screen and (min-width: 576px) {
#page-404{height:450px}
#page-404 p{font-size:34px}
}
@media only screen and (max-width: 575px) {
#page-404{height:300px}
#page-404 p{font-size:26px}
}
#cart .wrapper{background:#fff;margin-top:15px;margin-bottom:40px}
#cart .header{background:#0f9d58;padding:10px;text-transform:uppercase;color:#fff;font-size:16px}
#cart .row{margin-right:0;margin-left:0}
#cart .row [class^="col-"]{padding-right:0;padding-left:0}
#cart table{width:100%;font-size:15px;border-collapse:collapse}
@media only screen and (max-width: 991px) {
#cart table{font-size:16px}
}
#cart table tr th{text-align:left;background:#f2f2f2;color:#333;text-transform:uppercase}
#cart table tr th,#cart table tr td{padding:8px 10px;border-collapse:collapse}
#cart table tr td{vertical-align:top;border-bottom:1px solid #f2f2f2}
#cart .item .image{width:80px}
#cart .item .info{margin-left:90px}
#cart .item .image img{max-width:100%;height:auto}
#cart .item .info .title{line-height:1.4;margin-bottom:5px}
#cart .item .info .quanlity label{text-transform:uppercase;font-size:14px;color:#333;font-weight:700}
#cart .item .amount{color:#0f9d58;font-weight:700}
#cart .item .button{border:none;padding:5px 8px;cursor:pointer}
#cart .item .button.button-delete{background:#ed1b2f;color:#fff}
#cart .item .button.button-back{display:inline-block;border:1px solid #0f9d58;color:#0f9d58;border-radius:2px}
#cart .item .button.button-back:hover{background:#0f9d58;color:#fff}
#cart .item .total{color:#ed1b2f;font-weight:700;font-size:24px;text-transform:uppercase;text-align:right}
#cart .checkout{padding:15px}
#cart .content.info{padding:15px}
#cart .content.info .title{color:#333;text-transform:uppercase;font-size:15px}
#cart .content.info .form-group{margin:12px 0}
#cart .content.info .form-group:first-child{margin-top:0}
#cart .content.info hr{border:1px solid #e3e3e3;margin:15px 0}
#cart .content.info input[type="text"],#cart .content.info select{padding:8px 10px;width:100%;border:1px solid #ccc;font-size:14px}
#cart .content.info button,#cart .content.info input[type="submit"]{padding:10px 25px;border:1px solid #ccc;font-size:14px;background:#0f9d58;color:#fff;cursor:pointer;font-size:16px}
#cart .content.info textarea{padding:8px 10px;width:100%;border:1px solid #ccc;line-height:1.4;font-size:14px;font-family:'Arial','Helvetica Neue',Helvetica,Arial,sans-serif;resize:vertical;min-height:80px}
#cart .content.info .bank{margin-top:10px;margin-bottom:5px}
#cart .content.info .bank img.logo{width:200px;height:auto;margin-bottom:5px}
#cart .content.info .bank p{line-height:1.4;margin-bottom:5px}
#cart .content.info .bank p:last-child{margin-bottom:0}
#cart .content.info .error-message{color:#ed1b2f}
#order-success{width:100%;position:relative;display:table;color:#0f9d58;padding:15px;background:#fff}
#order-success .main{display:table-cell;vertical-align:middle}
#order-success p{margin-left:auto;margin-right:auto;margin-bottom:5px}
@media only screen and (min-width: 576px) {
#order-success{height:450px}
#order-success p{font-size:34px}
}
@media only screen and (max-width: 575px) {
#order-success{height:300px}
#order-success p{font-size:26px}
}