﻿/**
 * IMPORT CSS
 */

@import url('font-awesome.css'); @import url('colorbox.css'); @import url('rating.css'); @import url('flexslider.css'); /**
 * Font face
 */

@font-face { font-family: 'lee'; src: url(../fonts/RobotoCondensed-Light.ttf) format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'leeBold'; src: url(../fonts/RobotoCondensed-Regular.ttf) format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'utm_cafeta'; src: url(../fonts/utm_cafeta/utm_cafeta-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'leeBold' }
* { padding: 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
a { text-decoration: none !important ; }
a:link{	color:red;}
a:hover{color:#A25A2C;	}
a:visited{color:red;}
a:visited:hover{color:#A25A2C;	}
body
{
	overflow-x: hidden;
}
#content {float:left;width:100%; margin-top:20px; padding-bottom:30px;/*background: url("../img/bg-columns.png") repeat-x whitesmoke; */ }
#content img{ max-width:100%; height: auto !important;}
#single { background: #fff; padding-top: 10px }
#top-wrapper { background-color: #fff; border-bottom: 1px solid #ededed; line-height: 33px; color: #F28830 }
#header-wrapper {float: left;width:100%;position: relative; /*margin-bottom:20px; padding: 0px ; background: #112646; -webkit-box-shadow: -1px 9px 5px -7px rgba(191, 174, 191, 1); -moz-box-shadow: -1px 9px 5px -7px rgba(191, 174, 191, 1); box-shadow: -1px 9px 5px -7px rgba(191, 174, 191, 1) */}
#logo .logo-wrapper{float: left;  }
#logo .logo-wrapper img {width:100%; max-width: 180px; height: auto; margin: auto; max-height:100%;  }
#contact { background: #fff; padding-top: 10px }
#contact h1 { font-family: 'lee' }
.fixed { position: fixed; top: 0; left: 0; right: 0 }
.mgt-15 { margin-top: 15px }
.mgt-10 { margin-top: 10px }
.mgb-10 { margin-bottom: 10px }
.width-25 { width: 25% !important }
.user-select-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.box-col { width: 25%; float: left; cursor: pointer }
.box-col i { font-size: 18px; width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #858486; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s }
.box-col:hover i { background: #DC4141; color: #fff; border: 1px solid #DC4141 }
.box-col h3 { font-family: 'leeBold'; font-size: 14px; line-height: 20px; text-transform: uppercase }
.icon-box { float: left; margin-right: 5px }
.text-box { text-align: left; font-size: 12px; zoom: 1 }
.text-box span { color: white }
.box { overflow: hidden }
.dp-none { display: none }
.dp-block{ display: block}
h4.search_result { margin: 10px 0 }
h4.search_result span { color: #DC4141 }
a.delete_item_table { text-decoration: none; color: red; font-weight: bold; font-size: 12px }
div.support { }
div.support b { display: block; font: inherit; font-family: 'utm_cafeta'; font-size: 20px; margin: 5px 0; text-align: center; }
div.support p { position: relative; padding: 0 10px; font-weight: bold; border: 1px solid #ddd; }
div.support p span { font-weight: 100; }
div.support p a { display: block; }
div.support p img { position: absolute; right: 10px; top: 6px; width: 26px; height: 26px; }
div.support p img.imgskype { right: 40px; }
div.support h3 {   font-family: 'utm_cafeta';
  border-bottom: 2px solid #000;
  padding-bottom: 10px; }
div.location-container {   overflow: hidden;
  /* background: #F00; */
  /* padding: 15px 0; */
  border-top: 1px dotted rgb(186, 186, 186);
  padding: 10px 0;
  margin-top: 10px;
}
div.location { display: block; }
div.location i { text-align: center; width: 45px; height: 45px; border: 2px solid #3781D6; border-radius: 50%; line-height: 45px; font-size: 20px; color: #3781D6 }
div.location a { color: #202020; text-align: center; display: block; }
div.location a:hover { color: #3781D6 }
.myButton { font-family: 'leeBold'; margin: 0; height: 30px; line-height: 28px; padding: 0 12px 2px; background: #2ea2cc; border: none; cursor: pointer; color: #fff; border-radius: 2px; border: 1px solid #0074a2; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s }
.myButton:hover { background: #1E8CBE; border: 1px solid #0074a2 }
.search-group { position: relative; float: left; width: 100% }
.search-group .searchsubmit { position: absolute; right: 10px; top: 12px; background-color: transparent; border: none; border-radius: 0 }
.search-form {background:#fff;color:#666; width: 100%; height: 30px; padding: 4px 30px 4px 10px; margin: 8px 0; border: none; outline: 0; font-size: 12px }
.result-search-content ul { position: absolute; margin: 0; width: 100%; left: 0; top: 100%; z-index: 9999999; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border: solid 1px #d6dadf; border-top: none }
.result-search-content ul li { padding: 10px; overflow: hidden; line-height: 14px }
.result-search-content ul li:nth-child(2n+1) { background: #F9F9F9 }
.result-search-content ul li a { color: #dd3d36; font-size: 13px }
.result-search-content ul li span { font-size: 12px; font-weight: bold }
.result-search-content ul li .result-img { float: left; width: 50px }
.result-search-content ul li .result-text { float: left; width: 190px; padding-left: 10px }
/*
 * SIDEBAR_CATEGORY
 */
.container {
    max-width: 1200px;
    width: 100%;
}
.main-sidebar {}
.category h3 { text-transform: uppercase; font: 18px 'lee'; color: black; padding: 8px 15px }
.category h3 i { margin-right: 8px }
.category { background: #fff }
.sidebar_category { border: 1px solid #ededed; border-top: none; margin-bottom: 15px }
.sidebar_category ul { margin: 0; }
.sidebar_category ul li { position: relative; }
.sidebar_category ul li a { text-decoration: none; color: #666 }

.sidebar_category > ul > li > a { background: #F8F8F8; display: block; padding: 10px 15px;  border-bottom: 1px solid #ededed; font-size: 14px; border-left: 2px solid transparent; font-weight: bold }
.sidebar_category > ul > li:last-child > a { border-bottom: none; border-left: 2px solid transparent }
.sidebar_category > ul > li > a:hover { border-left: 2px solid #DC4141; color: #DC4141 }

.sidebar_category ul li ul li span.lee-caret { content: ''; position: absolute; left: 95%; top: 15px; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent #666 }
.sidebar_category ul li ul ul { display: none; position: absolute; left: 100%; top: 0; width: 250px; background: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.24);
  z-index: 9999; }
.sidebar_category ul li ul li:hover > ul { display: block; }
.sidebar_category ul li ul li a {text-transform:uppercase; border-bottom:1px solid #ededed !important; display: block; background: #fff;  padding: 10px 15px 10px 20px; border-bottom: 1px dotted #ededed; font-size: 13px; }
.sidebar_category ul li ul li a i { margin-right: 5px; }
.sidebar_category ul li ul li:last-child a { border: none; }
.sidebar_category ul li ul li a:hover { color: #DC4141 }

/*.sidebar_category ul { margin: 0 }
.sidebar_category ul li a { text-decoration: none; color: #666 }
.sidebar_category > ul > li > a { background: #F8F8F8; display: block; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ededed; font-size: 14px; border-left: 2px solid transparent; font-weight: bold }
.sidebar_category > ul > li:last-child > a { border-bottom: none; border-left: 2px solid transparent }
.sidebar_category > ul > li > a:hover { border-left: 2px solid #DC4141; color: #DC4141 }*/
/*.sidebar_category ul li a span { color: #fff }*/
/*.sidebar_category ul li ul { background: #fff }
.sidebar_category ul li ul li a { background: #fff; line-height: 20px; font-size: 13px; display: block; border-left: 2px solid transparent; padding: 5px 10px }
.sidebar_category ul li ul li a:hover { color: #DC4141; background: #F8F8F8; border-left: 2px solid #DC4141 }
.sidebar_category ul li ul li a:hover span { color: #f8f8f8 }
.sidebar_category ul li ul li a i { margin-right: 6px }*/

.category .hot-product-content ul { overflow: hidden; padding: 5px 0; border: 1px solid #ededed; border-top: none }
.category .hot-product-content ul li { padding: 0 10px; float: left; width: 100%; margin-bottom: 5px }
.category .hot-product-content ul li a { text-decoration: none; color: #666; font-weight: bold; font-size: 13px }
.category .hot-product-content ul li a:hover { color: #DC4141 }
.category .hot-product-content ul li a img { float: left; padding: 3px; border: 1px solid #ededed; margin-right: 5px }
.category .hot-product-content ul li span { color: #DC4141; font-family: 'leeBold' }
.category .tags-content { padding: 15px 15px 10px 15px; border: 1px solid #ededed; border-top: none }
.category .tags-content li { display: inline-block }
.category .tags-content li a { font-size: 12px; font-weight: bold; color: #666; text-decoration: none; padding: 0 6px; line-height: 30px; display: block; margin: 0 5px 5px 0; border: 1px solid #ededed; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s }
.category .tags-content li a:hover { background: #DC4141; border: 1px solid #DC4141; color: #fff }
/* Prouduct tags */
.tagscontent {float: left;width:100%; margin:15px 0; }
.tagscontent b {float: left;  background:#222;	font-size: 12px; font-weight: bold; color: white; text-decoration: none; padding: 0 6px; line-height: 30px; display: block; margin: 0 5px 5px 0;  transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s 
}
.tagscontent li { display: inline-block }
.tagscontent li a { font-size: 12px; font-weight: bold; color: #666; text-decoration: none; padding: 0 6px; line-height: 30px; display: block; margin: 0 5px 5px 0; border: 1px solid #ededed; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s }
.tagscontent li a:hover { background: #DC4141; border: 1px solid #DC4141; color: #fff }

/*
 * CONTENT_MODULE
 */

.container-item-news {  margin-top:10px; }

.content-item-wrap { min-height:200px; margin1: 0 -5px ; overflow: hidden; float: left; min-width: 100%; }
.container-item { margin-bottom: 10px }
.content-header {margin-bottom:30px; text-align: center; background:url(../img/divider.png) repeat-x center;  border-bottom1: 1px solid #047e16; float: left; width: 100% }
/*.content-header h3 { font-size: 18px; color: white; text-transform: uppercase; font-family: 'lee'; float: left; background: #047e16; padding: 8px 35px 8px 15px; position: relative }
.content-header h3:before { content: ''; position: absolute; right: -22px; bottom: 0; border-width: 0 22px 35px; border-style: solid; border-color: #047e16 transparent }
*/
.content-header h3 a { color: #fff; }
.content-header h3 
{
    background:white; color: #333; display: inline-block;font-size: 16px; 
    line-height: 20px; margin: 0;margin-top: 0px; padding: 10px 25px 10px 15px;
    position: relative; text-transform: uppercase;font-size:36px;
}
.content-header h3:after {
background:#ddd none repeat scroll 0 0;bottom: -10;content: "";
display: inline-block;height: 2px;left: 35%;position: absolute;width: 30%;
/*
    border-color: transparent transparent transparent #9D5011;
    border-style: solid;    border-width: 19px 0 19px 19px;    content: "";
    height: 0;    position: absolute;    right: -19px;    top: 0;
    width: 0;*/
}

.content-header1 h3 {background:url(../img/separator.png) no-repeat bottom center; font-size: 26px;font-weight: bold;  color: #1C6D06; text-align: center; text-transform: uppercase; font-family: 'lee';  min-width:300px; margin: auto; padding: 10px 15px 10px 15px; position: relative }
/*.content-header-home h3:before { content: ''; position: absolute; right: -22px; bottom: 0; border-width: 0 22px 40px; border-style: solid; border-color: #000 transparent }
.content-header-home h3:after { content: ''; position: absolute; left: -22px; bottom: 0; border-width: 0 22px 40px; border-style: solid; border-color: #000 transparent }
*/
.related_products .content-item{width:25%}
.content-header h3 a { color: #fff; }
.content-header .btn { border-radius: 0; padding: 12px 17px }
.content-item { padding:0 15px 30px 15px; width: 20%;  float: left; background: #fff; position: relative; }
.content-item .product_item,.content-item .category_item {border:1px solid #eee;  overflow: hidden;position: relative; }
/*.content-item .product_item:hover,.content-item .category_item:hover { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) ; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2)  }
*/.content-item .image-block { width: 100%; margin-bottom:10px; text-align: center;position: relative;overflow: hidden; }
.content-item .image-block img { width: 100%; height: auto; }
.content-item .text-block { width: 100%; overflow: hidden; position: relative;padding:3px; }
.content-item .text-block h3 {
    height: 48px;    font-size: 16px;    text-overflow: ellipsis;    width: 100%;
    line-height: 18px;    overflow: hidden;    text-align: center;    padding: 10px 0 10px 0; 
}
.content-item .text-block h3 a { text-decoration: none;}

.content-item .text-block h3:first-letter { text-transform: uppercase; }
.content-item .text-block h3 a:hover { color: #921b1b }
.content-item .text-block .category-title{	font-weight: bold;}
.content-item .text-block .product-price {padding:4px 0;  overflow: hidden; color: #FF0000; font-weight: bold; font-size: 13px; display: block; margin-bottom: 5px; text-align: center; }
.content-item .text-block .product-price-sale { font-size: 12px; display: block; text-align: center; }
.content-item .text-block .product-cart { position: absolute; right: 0; bottom: 0; color: #fff; background: #F28830; padding: 5px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s }
.content-item .text-block .product-cart:hover { background: #DC4141 }
.prod-price{float: left;	width:100%;	text-align: center;
}
.product-sale {    position: absolute;   right: 0;   top: 0;   width: 38px;
    height: 38px;    background-color: #E72635;    border-radius: 50% 0 50% 50%;
    color: #fff;    text-align: center;    line-height: 38px;z-index:100;    font-weight: bold;}

/*
 * FOOTER
 */

.footer-detail {padding-bottom:15px;padding-top:20px; position: relative; float:left;width:100%; background-color: #da2e37;  color: #fff; }
.footer-detail h3 {border-bottom:1px dashed #89522b;padding-bottom:10px; font-size: 20px; font-weight: bold; text-transform: uppercase; margin: 20px 0; background1: url(../img/background-title.png) repeat-x center 50%; font-family: 'lee' }
.footer-detail h3 span { margin: 0; display: inline-block; padding: 0 20px 0 0; background:#da2e37; color: #fff }
.footer-detail .box p { font-family: Arial; font-size: 13px; font-weight: 100; color: #dcdcdc; }
.footer-detail .box .item { margin-bottom: 10px; }
.footer-detail .box .item-right { border-left: 3px solid #E72635 }

.link-follow { float: left; }
.link-follow a {padding:7px; background: #DC4141; text-align: center; margin:3px 10px 3px 0; float: left; border-radius: 3px; width: 30px; height: 30px; line-height: 30px; color: #fff; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; }
.link-follow a:hover { background: #fff; color: #000; }
/*.footer-detail .box .link-follow a:hover { color: #DC4141 }*/
.footer-detail .box p { margin: 0; }
.footer-detail .box ul li { padding:3px 0 3px 10px; position: relative; line-height: 18px }
.footer-detail .box ul li:before { content: ''; position: absolute; left: 0; top: 8px; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent #dcdcdc }
.footer-detail .box ul li a { text-decoration: none; color: #dcdcdc; font-size: 13px }
/*.about_content { max-width: 720px; margin: 0 auto; white-space: pre-wrap; }
.about_content h3 { text-align: center; text-transform: uppercase; color: #DC4141; margin: 20px 0; font-family: lee }*/

footer { background: #da2e37;float:left;width:100%;   padding: 10px 0;    border-top:1px dashed #89522b; }
footer .copyright { display: block; color: #dcdcdc; font-size: 12px; text-align: right; }
footer .copyright a { color: #dcdcdc; text-decoration: none; font-size: 12px }
footer ul.menu-footer { overflow: hidden; margin: 0; text-align: center; }
footer ul.menu-footer li { display: inline-block; }
footer ul.menu-footer li:first-child a { padding-left: 0 }
footer ul.menu-footer li a { color: #dcdcdc; font-size: 13px; padding: 0 10px; line-height: 25px; }
p.time-to-work { margin: 0; font-size: 13px }
p.time-to-work i { width: 20px; }
.lee-comment { border: 1px solid #ddd; margin: 0 0 10px 60px; position: relative; padding: 8px 15px }
.lee-comment .lee-avatar { position: absolute; width: 50px; height: 50px; top: 0; left: -60px; border: 1px solid #ddd }
.lee-comment .lee-avatar img { width: 100%; height: 100% }
.lee-comment .lee-name { color: #337ab7; cursor: pointer; float: left; margin-bottom: 7px }
.lee-comment .lee-date { font-size: 12px; color: #7F9E78; position: absolute; top: 5px; right: 5px }
.lee-comment p { word-break: break-all; margin: 0 }
.addCommentContainer { margin: 0 0 15px 0; float: left; width: 100% }
.addCommentContainer span.error { color: red; margin: 0 0 0 10px }
.addCommentContainer label { width: 100%; float: left; font-family: tahoma; margin: 10px 0 }
.addCommentContainer input { float: left }
.addCommentContainer input.lee-input { padding: 5px 15px; border: 1px solid #ddd; width: 100% }
.addCommentContainer textarea { border: 1px solid #ddd; float: left; width: 100%; height: 100px; padding: 5px 15px }
.addCommentContainer #capcha { text-align: center; color: #000; font-size: 30px; font-family: monospace; margin-bottom: 5px; background: url(../img/noise.png); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
.reload_capcha {
  float: right;
  background: url(../img/noise.png);
  padding: 20px 17px;
}
.lee-submit { background: #333; border: none; outline: none; border-radius: 3px; padding: 7px 18px; color: #fff; transition: background .5s ease; -o-transition: background .5s ease; -moz-transition: background .5s ease; -webkit-transition: background .5s ease }
.lee-submit:hover { background: #DC4141 }
#loading { position: absolute; left: 50%; bottom: -40px; width: 50px; height: 50px; background: url('../img/ajax-loader.gif') no-repeat; margin-left: -25px; display: none }
#loading_wp { z-index: 100; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../img/loading_wp.gif') 50% 50% no-repeat rgba(255, 255, 255, .7); display: none }
.msgerror {margin-top:10px; float: left; margin-bottom: 10px; width: 100%; padding: 10px 15px; border: 1px solid #dd3d36; color: #dd3d36 }
.msgsuccess {margin-top:10px; float: left; margin-bottom: 10px; width: 100%; padding: 10px 15px; border: 1px solid #65b688; color: #65b688 }
/**
 * Details product
 */

.lee-main-img { border: 1px solid #ddd; position: relative }
.lee-main-img:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url('../img/icon_zoom.png') }
.lee-main-img p { position: absolute; top: 0; left: 0; color: #fff; font-size: 12px; background: rgba(0, 0, 0, .5); padding: 5px }
.lee-main-img img { width: 100%; display: block }
.lee-main-img img::selection { background-color: transparent }
.lee-main-details { margin: 0 }
.lee-main-details h1 { font-family: 'lee'; margin-bottom: 10px; font-size: 26px; }
.lee-main-details h1:first-letter { text-transform: uppercase; }
.lee-main-details p.cost { font-family: tahoma; font-size: 14px; margin-bottom: 10px }
.lee-main-details p.cost span { color: #cb2027; font-family: 'leeBold'; font-size: 20px }
.lee-main-details .lee-input-text { width: 100px; height: 40px; padding: 0 0 0 10px; border: 1px solid #ddd; border-radius: 2px }
.lee-main-details .lee-add-cart { background: #F28830; line-height: 40px; border: none; color: #fff; border-radius: 2px; padding: 0 10px; margin: 0 0 10px 0; transition: background .5s; -o-transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s }
.lee-main-details .lee-add-cart i { margin: 0 5px 0 0 }
.lee-main-details .lee-add-cart:hover { background: #DC4141 }
.lee-main-details .lee-categories { font: inherit }
.lee-main-details .lee-categories a { color: #000; text-decoration: none }
.lee-main-details .lee-categories a:hover { color: #DC4141 }
.lee-main-details .lee-decription { color: #aaa }
.breadcrumb { border-radius: 0 }
.breadcrumb a { text-decoration: none; color: #DC4141 }
/*
 * ADS_TOP
 */

.ads-middle, .ads-top { margin-bottom: 15px }
.ads-middle img, .ads-top img { width: 100% }
.ads-top { position: relative }
.ads-top-overplay { overflow: hidden; position: absolute; left: 0; right: 0; top: 0; height: 0; background: rgba(0, 0, 0, .68); text-align: center; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s }
.ads-top-overplay a { font-size: 20px; line-height: 190px; border: 2px solid #fff; border-radius: 50%; padding: 15px 18px; color: #fff; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s }
.ads-top-overplay a:hover { color: #DC4141 }
.ads-top:hover .ads-top-overplay { height: 100% }
/*
 * BACK_TO_TOP
 */

#goTop-w { cursor: pointer; background: black; position: fixed; width: 42px; height: 40px; bottom: -50px; right: 10px; z-index: 1000; border: 1px solid black; transition: bottom .3s; -moz-transition: bottom .3s; -webkit-transition: bottom .3s }
#goTop { line-height: 100%; margin: 0; width: 100%; height: 100%; border: 1px solid #FFFFFF; color: #FFFFFF; padding: 5px 0; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; text-align: center; font-size: 25px }
#goTop:hover { background: #FFFFFF; color: #F28830; border: 1px solid #FFFFFF }
.goTopActive { bottom: 50px !important }
/*
 * TABS
 */

.lee-tabs-des { display: block; overflow: hidden }
.lee-tabs-des img { max-width: 100% }
.lee-tabs-des ul { -moz-user-select: none; -webkit-user-select: none; user-select: none; float: left; margin: 0; width: 100%;  border-bottom: none }
.lee-tabs-des .tabtitle li {text-transform: uppercase;font-weight: bold;font:16px "lee"; float: left; padding: 3px 15px; cursor: pointer; line-height: 35px; list-style: none; margin-bottom: -1px; margin-top: -1px; position: relative }
.lee-tabs-des .tabtitle li:first-child { margin-left: -1px }
.lee-tabs-des .tabtitle li.active { background: #C35700; color: #fff }
.lee-tabs-des .tabtitle li.active:before { position: absolute; content: ''; width: 0; border-style: solid; border-width: 6px 6px 0; border-color: #C35700 transparent; top: 100%; left: 50%; z-index: 2; margin-left: -3px }
.lee-tabs-des section { clear: both; width: 100%; overflow: hidden; border: 1px solid #ddd; float: left }
.lee-tabs-des section div.lee-detail-product { padding: 20px }
/*
 * 404
 */
.lee-detail-product li{ list-style:inside;}
.template_404 { position: relative }
.template_404 h1 { text-align: center; font-size: 200px; color: #F28830 }
.template_404 span { position: absolute; left: 0; right: 0; top: 70px; font-size: 1.2em; text-align: center; background: #fff; color: #F28830; padding: 4px 0 }
.template_404 p { font-size: 1.5em; color: #858585; line-height: 1.6em; padding: 0; font-weight: 400; width: 70%; margin: 0 auto }
.template_404 form { width: 70%; margin: 0 auto; position: relative }
.template_404 input#search-form-404 { width: 100%; padding: 10px 30px 10px 10px; border: 1px solid #DC4141 }
.template_404 input.searchsubmit { position: absolute; right: 10px; top: 15px; color: #DC4141; background-color: transparent; border: none; border-radius: 0 }
.template_404_title { font-size: 30px; font-family: 'lee'; color: #DC4141 }
ul.template_404_tag li { display: inline-block; margin: 10px 10px 0 0 }
ul.template_404_tag li a { font-size: 20px; text-decoration: none; color: #F28830; border: 1px solid #F28830; padding: 0 10px; line-height: 30px; display: block }
ul.template_404_tag li a:hover { color: #DC4141; border-color: #DC4141 }
.rating { overflow: hidden; user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none }
.serverResponse p { margin: 10px 0; font-weight: bold; display: none; color: #DC4141; font-size: 12px }
/*
 * SIDEBAR_NEWS
 */

.news_sidebar { margin-top: 10px }
.news_sidebar h3 {text-transform: uppercase; font-family: 'lee'; padding: 8px; font-size: 18px }
.news_sidebar ul { overflow: hidden; border-top: none; padding: 0px }
.news_sidebar ul li { float: left; width: 100%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ddd }
.news_sidebar ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0 }
.news_sidebar ul li a { color: #202020; text-decoration: none ; line-height:18px;}
.news_sidebar ul li a img {border:1px solid #eee; float: left; margin-right: 8px }
.news_sidebar ul li span { font-size: 12px; color: #666; }
/*
 * SINGLE_NEWS
 */

.news_content { font-size: 14px; background: #fff; padding-bottom:10px; margin-top:10px;}
.news_content h1 { font-family: 'lee'; margin-bottom: 15px }
.news_content img { display: block; margin: 0 auto; max-width: 100% }
.news_content table { width: 100% }
/*
 * CATEGORY_NEWS
 */

.category_news li {border-bottom:1px dashed #eee; float: left; width: 50%; padding-bottom:15px; padding-right: 10px;margin-bottom:15px; }
.category_news li:hover{	background:#fdfdfd;}
.category_news li a {font-size:18px; color: #202020; text-decoration: none }
.category_news li a img {border:1px solid #eee; float: left; margin-right: 10px }
.category_news li span { font-size: 12px; color: #666 }
/*
 * NEW_POST_SLIDER
 */

.module-new-post { background: #fff }
.module-new-post h3 { font-family: 'utm_cafeta'; border-bottom: 2px solid #000; padding-bottom: 5px; margin-bottom: 10px; position: relative }
.module-new-post h3 a { position: absolute; left: 0; bottom: -10px; background: #fff; text-decoration: none; color: #333; font-size: 11px; font-family: arial; padding: 5px 10px 5px 0 }
.module-new-post h3 a:hover { color: #DC4141 }
.module-new-post ul { padding: 5px 0 5px 0; border-top: none; overflow: hidden; margin: 0 }
.module-new-post ul li {border-bottom:1px solid #eee; float: left; width: 100%; margin-bottom: 7px; padding-bottom: 10px; line-height: 16px }
.module-new-post ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0 }
.module-new-post ul li a { text-decoration: none; color: #202020; max-height: 36px; overflow: hidden }
.module-new-post ul li a:hover,.newstitle h2 a:hover { color: #dd3d36 }
.module-new-post ul li a img { float: left; margin-right: 7px }
.module-new-post ul li span { font-size: 12px; color: #666 }
/*
 * REVIEW_CART
 */
.box-four #review-cart
{
	 max-width:130px;
	 min-width:120px;
}
#review-cart {text-transform: uppercase; float: right; margin-top:16px; position: relative; background1: #DC4141; z-index: 1000; color: black; padding: 12px 10px; border-radius: 2px; width: 100%;  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
#review-cart .shop-cart {  background: url('../img/shop-cart.png') no-repeat; width: 16px; height: 16px; float: left; margin-right: 10px }
#review-cart h3 { font-size: 15px; font-family: 'leeBold' }
#review-cart h3 span { font-size: 12px; }
#overlay-review-cart { position: absolute; right: 0; top: 100%; margin-top: 2px; background: #fff; border: 1px solid #ddd; width: 400px; padding: 10px; z-index: 99999; color: #202020; max-height: 500px; overflow-x: hidden; display: none }
#overlay-review-cart ul { margin: 0; overflow: hidden }
#overlay-review-cart ul li { border-top: 1px solid #ddd; padding: 10px 30px 10px 10px; float: left; width: 100%; position: relative }
#overlay-review-cart ul li:nth-child(2n+1) { background: #F9F9F9 }
#overlay-review-cart ul li:hover { background: #EFEFEF }
#overlay-review-cart ul li a { color: #E94B42; text-decoration: none; font-size: 14px }
#overlay-review-cart ul li img { padding: 5px; background: #f9f9f9; border: 1px solid #ddd; float: left; margin-right: 10px }
#overlay-review-cart ul li span { color: #DC4141; font-size: 11px }
#overlay-review-cart ul li span i { color: #886F10 }
#overlay-review-cart ul li .del_cart_item { position: absolute; right: 0; top: 10px }
#overlay-review-cart ul li .del_cart_item img { border: none; background: none }
#overlay-review-cart .total_cart, #overlay-review-cart .num_total_cart { border: 1px solid #ddd; padding:5px; margin: 10px 0; color: #000; text-align: right; width: 50%; float: left }
#overlay-review-cart .num_total_cart { border-left: none }
#overlay-review-cart .checkout_cart, #overlay-review-cart .del_cart { font-size: 11px; margin-left: 10px; text-decoration: none; border-radius: 2px; padding: 6px 10px; float: right; color: #fff }
#overlay-review-cart .checkout_cart { background: #DC4141 }
#overlay-review-cart .del_cart { background: #DC4141 }
#overlay-review-cart .del_cart:hover { background: #E94B42 }
#overlay-review-cart .checkout_cart:hover { background: #12A928 }
.cart-total { float: left; width: 100%;margin-top:5px; }
.cart-total p { font-family: 'lee'; font-size: 25px; float: right }
.cart-total p span { color: #cb2027 }
.cart-null { float: left; width: 100%; text-align: center; margin: 10px 0; font-family: 'lee'; font-size: 20px }

.menumobile, .search-group-mb { display: none; }
.admin_edit_post { position: fixed; left: 0; top: 50%; }
.admin_edit_post a { display: block; background: #F28830; padding: 10px; color: #fff; }

.loadmore { overflow: hidden; position: relative;  float: left; width: 100%; margin-bottom:30px; }
.loadmore1 a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; width: 100px; line-height: 35px; text-align: center; background: #F28830; position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -50px; }
.loadmore a 
{
	background: #C35700 none repeat scroll 0 0;    border: 1px solid #eee;    border-radius: 4px;    color: white;
    display: block;    font-size: 14px;    line-height: 40px;    margin: 10px auto 0;    max-width: 90%;
    overflow: hidden;    position: relative;    text-align: center;    width: 400px;
}
.loadmore a:after
{ border-left: 6px solid transparent;    border-right: 6px solid transparent;    border-top: 6px solid white;
    content: "";    display: inline-block;    margin: -2px 0 0 5px;    right: 0;    vertical-align: middle;
    width: 0;
}
.loadmore a:hover
{
	background:#A25A2C;	color:yellow;	border-radius: 4px;
}

.relationship p {
   text-align: center;    margin: 0;    background: #DC4141;    padding: 8px;    color: #fff;    text-transform: uppercase;
}
#main-menu-wrapper { }
ul.main-menu > li > a { color:white; display: block; margin-left:1px; line-height: 22px; padding: 12px 25px; font-family: 'leeBold'; font-size: 16px; text-transform: uppercase;  }
@media only screen and (max-width: 1200px)
{
	.related_products .content-item{width:33.33%;}
	.content-item {width:25%;/* width: 33.33% */}
}	
@media only screen and (max-width: 1000px)
{
	.related_products .content-item{width:33.33%;}
	.content-item {width:33.33% }
	.flexslider .slides img { height: 380px }
	.td_wrapper_player 	{	height:340px !important;	}
	.search-group{	margin-bottom:10px;	margin-top:5px;	}
	#logo .logo-wrapper img	{width:70px !important;height: auto !important;	}
	.logo-wrapper{width:100% !important; max-width:320px !important;}
	.logo_bg{height:40px;width:82% !important;}
	.content-header h3 {		font-size:20px !important; line-height:20px;	}
	.about-us h3{		font-size:22px !important;	}
	.Newslist3 .news-item{
		border-bottom:1px dashed #da2e37 !important;padding-bottom:10px !important;margin-bottom:10px !important;
	}
}

@media only screen and (max-width: 600px)
{
	.category_news li	{width:100%;	border-bottom:1px solid #ddd;	}
	.content-item { width: 50% }
	.related_products .content-item{width:50%;}
	.logo-wrapper{top:8px;}
	.home-content-header h3{font-size:28px !important;}
	.about-us h3{font-size:36px !important;	}
	.about-us-content img {
		
	}
	.logo-wrapper{		margin:3px 0 !important;	}
	.custom_header h4{		font-size:14px !important;	}
	.footer-sidebar-news{	border:none !important;	}
	.Newslist3 .newstitle{	margin:10px 0 !important;	}
	.Newslist3 .newstitle h2 a{		height: auto !important;	}
	
}
@media only screen and (min-width: 501px) {
	
	ul.main-menu > li { float: left }
	ul.main-menu > li > a > i { margin-left: 4px; font-size: 12px }
	

	ul.main-menu > li > a.active { color:yellow;}
    ul.main-menu > li > a:hover { color:yellow;}
	ul.main-menu li { position: relative }
	
	ul.main-menu ul { width:240px !important; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); position: absolute; left: 0; top: 100%; display: none; z-index: 9999 }
	ul.main-menu li > ul { border-radius: 4px;  }
	ul.main-menu li li ul {margin-left:1px; left:100% !important;  }
	ul.main-menu ul li {border-bottom:1px solid  #ddd; min-width: 160px; padding: 8px 15px; }
	ul.main-menu ul li:first-child:after  { position: absolute; top: -6px; left: 40px; content: ''; border-style: solid; border-width: 0 6px 6px; border-color: #fff transparent; }
	ul.main-menu ul ul li {padding: 3px 5px !important; 	}
	ul.main-menu ul ul li:first-child:after { position: absolute; top: 10px !important; left: -12px !important; content: ''; border-style: solid; border-bottom:6px solid transparent; border-top:6px solid transparent;border-right:6px solid white;  }
	.sidebar_category ul ul ul li:first-child:after
	{
		 position: absolute; top: 10px !important; left: -6px !important; content: ''; border-style: solid; border-bottom:6px solid transparent; border-top:6px solid transparent;border-right:6px solid #fff; border-left:0px;
	}
	ul.main-menu ul li a {text-transform: uppercase; line-height:20px; white-space1: pre; color: #202020; text-decoration: none;  display: block; font-size: 14px; }
	ul.main-menu ul li a i { margin: 6px }
	
	ul.main-menu ul li a:hover { color: #DC4141 }
	
	ul.main-menu ul li img { margin-right: 3px; }

	/*Chỉ hiển thì menu cấp 1 và cấp 2*/
	/*ul.main-menu > li:hover > ul { display: block }*/
	/*Mặc định*/
	ul.main-menu li:hover > ul { display: block }

	/*Menu cấp 3 trở lên*/
	
	ul.main-menu ul ul { display: none; position: absolute; left: 100%; margin-left: -5px; top: 0; border-left: none }
	ul.main-menu > li span.lee-caret { content: ''; border-style: solid; border-width: 4px 4px 0; border-color: #fff transparent; position: absolute; right: 4px; top: 49% }
	ul.main-menu > li:hover span.lee-caret { border-color: #ddd transparent; }
	ul.main-menu ul li span.lee-caret { content: ''; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent #ddd !important; position: absolute; right: 10px; top: 55%; margin-top: -6px }
	ul.main-menu ul ul li span.lee-caret { content: ''; border-style: solid;  border-bottom:4px solid transparent; border-top:4px solid transparent;border-left:4px solid #ddd;; border-color: transparent #DC4141; position: absolute; right: 15px; top: 50%; margin-top: -6px }

	ul.main-menu ul.mega-menu li { min-width: 0; width: 100%; text-align: left; float: left; padding: 5px;border-bottom:1px solid #ddd; }
	ul.main-menu ul.mega-menu li:first-child:after { top: -6px; }
	ul.main-menu ul.mega-menu li:hover ul { display: none; }
	ul.main-menu ul.mega-menu li span.lee-caret { display: none1; }

}
@media only screen and (max-width: 500px) {
	.logo-wrapper{top:0px;}
	ul.main-menu > li > a { padding: 12px 6px 12px 25px; }
	.module-new-post, .admin_edit_post { display: none }
	.menumobile, .search-group-mb { display: block }
	.menumobile { width: 100%; padding: 8px 10px; border: 1px solid #ddd }
	.search-group-mb { position: relative; float: left; width: 100% }
	.search-group-mb .searchsubmit-mb { position: absolute; right: 10px; top: 15px; background-color: transparent; border: none; border-radius: 0 }
	.search-form-mb { width: 100%; height: 34px; padding: 4px 30px 4px 10px; margin: 5px 0; border: 1px solid #ddd; outline: 0; font-size: 12px }
	#header-wrapper { box-shadow: none }
	.flexslider .slides img { height: 220px }
	.content-item1 { width: 100% }
	.lee-tabs-des ul li { font-size: 12px }
	.lee-main-details .lee-input-text { width: 60px }
	#logo .logo-wrapper, #logo .logo-wrapper img { margin1: 0 }
	.popupbox { height: 70%;  left: 5%  !important;  min-height: 350px;  top: 15%;  width: 90% !important; z-index: 10001;
	}
	.footer_menu .sidebar_category ul ul li	{	float: left;width:100% !important;	}
	.button_detail a	{	padding-left:15%;	padding-right:15%;	}

}
@media only screen and (max-width: 400px) {
.logo-wrapper{top:8px;}
}
/**
 * Tooltip 
 */
#tooltip{
    position: absolute;
    border:1px solid #ccc;
    box-shadow: 0 0 4px #ccc;
    background: #fff;
    z-index: 9999;
    width: 500px;
    padding: 5px;
    overflow: hidden;
    line-height: 20px;
    color:#B0B0B0;
    display: none;
}
#tooltip .title{
  background-color: #DC4141;
  min-height: 30px;
  float: left;
  width: 100%;
  padding: 10px 15px;
  text-align: center;
}
#tooltip .title .product-title{
  color: #fff !important;
  font-size: 16px;
  text-transform: uppercase;
}
#tooltip .title a{
  color: #fff !important;
}
#tooltip .content{
  width: 100%;
  max-height: 400px;
  min-height: 200px;
  float: left;
  padding: 5px 0;
}
#tooltip .content .content-left{
  width: 200px;
  height: 100%;
  float: left;
  padding: 2px;
  /*border-right: 2px solid #dbdbdb;*/
}
#tooltip .content .content-left img{
  width: 100%;
}
#tooltip .content .content-right{
  float: left;
  padding: 2px;
  font-size: 14px;
  margin-left: 5px;
  color: #000;
}
#tooltip .content .content-right p.cost span {
  color: #cb2027;
  font-family: 'leeBold';
  font-size: 20px;
}
.content-category-description {	padding:10px 0;	margin-bottom:5px;	float: left;	width:100%;}
.none-products{min-height:300px;	float: left;	width:100%;	text-align: center;	margin:20px 0;	font-size:24px;	}
#navbar-menu{ z-index:100;	float: right;	width:40px !important;	min-height:40px;}
.marker span{	padding:3px 10px;	border-radius:6px;}
.support_online{	border:1px solid #ededed ;	margin-bottom:10px;}
.pagination .current a{	font-weight: bold;	background:#eee;}
.search-group-mb
{
	float: left;
	width:98%;
	margin:5 1% 15px 1%;
	padding:0 5px;
	background:#ddd;	
}
.content img{	max-width:100% ;	height: auto;}
.content_search_result,.container-item{	float: left;	width:100%;}
.slide_banner
{
	float: left;
	width:100%;
}
.img_hover {overflow:hidden;display: table;width: 100%;}
.img_hover a {position: relative;display: table-cell;vertical-align: middle;float: left;width:100%;}
.img_hover a:hover:after{opacity: 1;top: -30%;left: -30%;transition-property: left, top, opacity;transition-duration: 1s, 1s, .15s;transition-timing-function: ease;}
.img_hover a:after {content: '';position: absolute;pointer-events: none;top: -110%;left: -210%;width: 250%;height: 250%;opacity: 0;transform: rotate(25deg);background: linear-gradient(to right,rgba(255, 255, 255, 0.13) 0%,rgba(255, 255, 255, 0.13) 77%,rgba(255, 255, 255, 0.5) 92%,rgba(255, 255, 255, 0.0) 100%);}

	