/**
 * IMPORT CSS
 */

@import url('font-awesome.css'); @import url('colorbox.css'); @import url('rating.css'); @import url('flexslider1.css');
/**
 * Font facef
 */
.content-item { border-radius:5px }
@font-face { font-family: 'Comfortaa'; src: url(../fonts/RobotoCondensed-Light.ttf) format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'Comfortaa'; 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: 'Comfortaa' }

* { padding: 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
a { text-decoration: none !important }

#single { background: #fff; padding-top: 10px;}
#top-wrapper { background-color: #fff; border-bottom: 1px solid #ededed; line-height: 33px; color: #323A45 }
#header-wrapper { padding: 5px; 0; }
#logo .logo-wrapper, #logo .logo-wrapper img {
      width: 240px;     margin-top: -5px; float:left}

#contact { background: white; padding-top: 10px;    border: 2px solid #9ACDF8;
    border-radius: 10px;     margin-bottom: 40px;}
#contact h1 {font-size: 30px;
    font-family: Coiny;
    color: #203B7D;
    padding: 15px;     padding-left: 50px;}
.fixed { position: fixed; top: 0; left: 0; right: 0 }
.mgt-15 { margin-top: 15px }
.mgt-10 { margin-top: 20px ;}
.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: 'Comfortaa'; 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: #858486 }
.box { overflow: hidden }
.dp-none { display: none }
.dp-block{ display: block}
h4.search_result { margin: 10px 0; font-size: 20px; }
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: white; text-align: center; display: block; }
div.location a:hover { color: #3781D6 }
.myButton { font-family: 'Comfortaa'; 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%; border: 1px solid #2F4684;border-radius:5px; top:18px}
.search-group .searchsubmit { position: absolute; right: 10px; top: 15px; background-color: transparent; border: none; border-radius: 0 }
.search-form { color:#2F4684; width: 100%; height: 34px; padding: 4px 30px 4px 10px; margin: 5px 0; border: none; outline: 0; font-size: 12px ; background-color: white;}
.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
 */

.main-sidebar {}
.category h3 { text-transform: uppercase; font: 18px 'Comfortaa'; background: #2F4684; color: #fff; padding: 8px 15px }
.category h3 i { margin-right: 8px }
.category { background: #fff }
.sidebar_category { border: 1px solid #2F4684; 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: white }

.sidebar_category > ul > li > a { color:#DC407D; background: white; display: block; padding: 10px 15px;  border-bottom: 1px solid #2F4684; 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 { color:#DC407D;display: block; background: white;  padding: 10px 15px 10px 30px; border-bottom: 1px dotted #2F4684; 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: #2F4684 }

/*.sidebar_category ul { margin: 0 }
.sidebar_category ul li a { text-decoration: none; color: white }
.sidebar_category > ul > li > a {color:white; background: #F8F8F8; display: block; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #2F4684; font-size: 14px; border-left: 2px solid transparent; font-weight: bold }
.sidebar_category > ul > li:last-child > a {color:white; border-bottom: none; border-left: 2px solid transparent }
.sidebar_category > ul > li > a:hover {color:white; border-left: 2px solid #2F4684; color: #DC4141 }*/
/*.sidebar_category ul li a span { color:white;  }*/
/*.sidebar_category ul li ul { background: #fff }
.sidebar_category ul li ul li a { color:white; 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:white;  background: #F8F8F8; border-left: 2px solid #DC4141 }
.sidebar_category ul li ul li a:hover span {  color:white;}
.sidebar_category ul li ul li a i {  color:white;margin-right: 6px }*/

.category .hot-product-content ul { overflow: hidden; padding: 5px 0; border: 1px solid #2F4684; 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 #2F4684; margin-right: 5px }
.category .hot-product-content ul li span { color: #DC4141; font-family: 'Comfortaa' }
.category .tags-content { padding: 15px 15px 10px 15px; border: 1px solid #DC4141; border-top: none; background:white }
.category .tags-content li { display: inline-block }
.category .tags-content li a {background:darkgray ; 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 }
.category .tags-content li a:hover { background: #DC4141; border: 1px solid #2F4684; color: #fff }
/*
 * CONTENT_MODULE
 */

.container-item-news { background: white; padding-top: 10px }
.container-item-news .content-header { margin-bottom: 10px ; padding-top: 0px;}
.content-item-wrap { margin: 0 0px; overflow: hidden; float: left; min-width: 100%; }
.container-item { margin-bottom: 10px }
.content-header {margin-left:5px;font-family: 'Comfortaa';padding-top: 0px; float: left; width: 99% }
.content-header h3
{
margin-top: 0px;
    font-size: 26px;
   
    color: #A36A40;
    text-transform: uppercase;
    font-family: 'Comfortaa';
    text-align: center;
    position: relative;
}
.content-header h3 a { color:#FEB901;position: relative;
    z-index: 1;
    background: white;padding-left: 20px;
    padding-right: 20px;     font-size: 80%;}
.content-header .btn { border-radius: 0; padding: 12px 17px }
.content-item { width: 25%; height: 305px; float: left; background: white; padding: 10px 7px; position: relative; }
.content-item:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset }
.content-item .image-block { 
border-radius: 10px;
    
 background-color:white; height: 240px; width: 100%; padding: 5px; text-align: center; }
.content-item .image-block img { height:235px;  width:270px}
.content-item .text-block { 
border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
background-color: white;
  width: 100%; overflow: hidden; position: relative }
.content-item .text-block h3{  font: 15px Helvetica; /*text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; */
 width: 100%; max-height: 25px; overflow: hidden; text-align: center; margin-bottom: 5px;margin-top: 5px; }
.content-item .text-block h3 a { text-decoration: none;  font-size: 17px;
    font-family: 'Comfortaa';
    text-transform: uppercase;
    color: #016f86;}
.content-item .text-block h3:first-letter { text-transform: uppercase; }
.content-item .text-block h3 a:hover { color: #DC4141 }
.content-item .text-block .product-price { 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: 13px; display: block; text-align: center; }
.content-item .text-block .product-cart { position: absolute; right: 0; bottom: 0; color: #fff; background: #323A45; 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 }
.product-sale {    position: absolute;
    right: 0;
    top: 5px;
    width: 40px;
    height: 40px;
    background-color: #E72635;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: bold;}

/*
 * FOOTER
 */

.footer-detail { padding-bottom: 20px;padding-top: 20px; color: black; }
.footer-detail h3 {   padding: 10px;  padding-bottom: 0px; font-size: 16px;
    margin: 0px 0;
    font-family: Nunito;
   }
.footer-detail h3 span { margin: 0;     margin-left: -12px; display: inline-block; padding: 0 20px 0 0;  color: #fff; font-family: Nunito;}
.footer-detail .box p { font-family: Arial; font-size: 14px; font-weight: 100; color: #fff;     line-height: 32px;}
.footer-detail .box .item { margin-bottom: 10px; }
.footer-detail .box .item-right { border-left: 3px solid #fff }

.link-follow { float: left; }
.link-follow a { background: #005b7f; text-align: center; margin-right: 15px; 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-left: 10px; position: relative; line-height: 25px }
.footer-detail .box ul li:before { content: ''; position: absolute; left: 0; top: 9px; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent #00008B }
.footer-detail .box ul li a {  font-family: Nunito;text-decoration: none; color: darkblue; font-size: 15px; font-weight: bold;   line-height: 28px; }
/*.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: Comfortaa }*/

footer { background: #333333;
    padding: 10px 0;
    border-top: 1px dotted #84878A; }
footer .copyright { display: block; color: black; font-size: 12px; text-align: center; }
footer .copyright a { color: black; 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: #fff; 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%;margin-left: 0px;border-right: 1px solid #ddd;padding-left: 55px; }
.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 { border-radius:10px; padding: 5px 15px; border: 1px solid #ddd; width: 100% ; color:black}
.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 }
.lee-submit { background: #323A45; 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 { float: left; margin-bottom: 10px; width: 100%; padding: 10px 15px; border: 1px solid #dd3d36; color: #dd3d36 }
.msgsuccess { 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; align:center }
.lee-main-img img::selection { background-color: transparent }
.lee-main-details { margin: 0 }
.lee-main-details h1 { font-family: 'Comfortaa'; margin-bottom: 10px; font-size: 35px; }
.lee-main-details h1:first-letter { text-transform: uppercase; }
.lee-main-details p.cost { font-family: tahoma; font-size: 14px; width: 100%;    color: black;}
.lee-main-details p.cost span { color: red; font-family: tahoma }
.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: #2F4684; 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: #2F4684}
.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: #323A45; position: fixed; width: 42px; height: 40px; bottom: -50px; right: 10px; z-index: 1000; border: 1px solid #323A45; 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: #323A45; 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 ul li { float: left; padding: 0 10px; cursor: pointer; line-height: 35px; list-style: none; margin-bottom: -1px; margin-top: -1px; position: relative }
.lee-tabs-des ul li:first-child { margin-left: -1px }
.lee-tabs-des ul li.active { margin-top:10px; background: #2F4684; color: #fff }
.lee-tabs-des ul li.active:before { position: absolute; content: ''; width: 0; border-style: solid; border-width: 6px 6px 0; border-color: #2F4684 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
 */

.template_404 { position: relative }
.template_404 h1 { text-align: center; font-size: 200px; color: #323A45 }
.template_404 span { position: absolute; left: 0; right: 0; top: 70px; font-size: 1.2em; text-align: center; background: #fff; color: #323A45; 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: 'Comfortaa'; 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: #323A45; border: 1px solid #323A45; 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 {     background-color: white;margin-top: 10px }
.news_sidebar h3 { font-family: 'Comfortaa'; background: #2F4684; color: #fff; padding: 8px; font-size: 18px }
.news_sidebar ul { overflow: hidden; border: 1px solid #ddd; border-top: none; padding: 10px }
.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: white; text-decoration: none }
.news_sidebar ul li a img { float: left; margin-right: 8px }
.news_sidebar ul li span { font-size: 12px; color: black }
/*
 * SINGLE_NEWS
 */

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

.category_news li { margin-top:15px;  float: left; width: 100%; height: 300px; padding-right: 10px ; margin-bottom: 0px;}
.category_news li a { color: #202020; text-decoration: none;font-weight: normal;
    font-size: 37px;}
.category_news li a img { float: left; margin-right: 30px }
.category_news li span { font-size: 30px; color: black; font-family: Nunito; margin-top:5px }
/*
 * NEW_POST_SLIDER
 */

.module-new-post { background: #8A8A8A }
.module-new-post h3 { text-align:center; background:#2F4684; font:18px 'Comfortaa'; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 10px; position: relative ; color:white}
.module-new-post h3 a {; position: absolute; left: 0; bottom: -10px; background: #8A8A8A; text-decoration: none; color: white; font-size: 11px; font-family: arial; padding: 10px }
.module-new-post h3 a:hover { color: #DC4141 }
.module-new-post ul { padding: 15px 0 15px 0; border-top: none; overflow: hidden; margin: 0 }
.module-new-post ul li { ; padding: 10px ;float: left; width: 100%; margin-bottom: 7px; padding-bottom: 4px; 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: white; max-height: 36px; overflow: hidden }
.module-new-post ul li 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: black }
/*
 * REVIEW_CART
 */

#review-cart { position: relative; background:white; z-index: 1; color: #2F4684;    height: 45px;; padding: 12px 10px; border-radius: 5px; width: 100%; float: left; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none ; border: 1px solid #2F4684;}
#review-cart .shop-cart { background: url('../img/shop-cart.png') no-repeat; width: 30px; height: 30px; float: left; margin-top:-5px;margin-right: 5px }
#review-cart h3 { font-size: 15px; font-family: 'Comfortaa' }
#review-cart h3 span { font-size: 12px; color: #2F4684 }
#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: 13px; 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% }
.cart-total p { font-family: 'Comfortaa'; 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: 'Comfortaa'; font-size: 20px }

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

.loadmore { overflow: hidden; position: relative; height: 35px; float: left; width: 100%; }
.loadmore a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; width: 100px; line-height: 35px; text-align: center; background: #323A45; position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -50px; }

.relationship p {
   text-align: center;
    margin: 0;
    background: #2F4684;
    padding: 8px;
    color: #fff;
    text-transform: uppercase;
border-bottom: 2px solid #0a5499;
}

.pagination { user-select: none; -moz-user-select: none; -webkit-user-select: none; margin: 10px 0; }
.pagination li a {  padding: 5px 10px; margin-left: 5px; color: #202020; border-radius: 2px !important }
.pagination li.current a { background: #ddd }
.pagination li.current a:hover { background: #ddd; color: #202020; border-color: #ddd }
/*.pagination a span { display: block; }*/
.pagination li a:hover { background: #2ea2cc; color: #fff; border-color: #2ea2cc; border: 1px solid #0074a2; }
@media only screen and (min-width: 501px) {
#ph685 {height:685px}
#pposright{float: right; right: 150px; position: relative;
}
  #pad40{padding-top: 40px;}
#pltru15{margin-left:-15px}
#pf35{font-size: 35px;  }
#ph200{height:200px}
.pl100 {margin-left: 100px !important;}
#pt80p60{margin-top:80px; padding: 60px;}
#ph700{height: 700px;}
#ph270 {height:270px}
#p35 {font-size: 35px;}
#padpp50 {padding: 50px;}
#cogiaop2 { width: 100%;  }
#pad120 {  padding-top: 120px;}
#cogiaop {width:100%;    height:720px}
.pl100{margin-left: 100px;}
#pt10 {margin-top: -10px;width:80%}
#ph100{height: 100px; width:70%;}
#pt20{margin-top: -20px;}
#ph250 {height: 250px;}
#ph350 {height: 350px;}
#ph450{height:450px;}
#dkp {right: 13%;margin-top: -60px;}
#topslide{margin-top: 15px;}
#unhidep { padding: 5px;padding-left: 0px;}
#hotlinep {display:none}
.sanpham:after
{
    content: url(../../khuyen-mai-HOT.png);
    position: absolute;
    margin-left: 0px;
    margin-top: -12px;
}

.search-group {display:none}
#hinhpop{width:500px;height:300px;}
#nhandangky{margin-left: 30%;width: 525px;}
.linesa{	width:97%;}
#plide {margin-top:-20px}
#padpp { height: 452px; background-size: 100%;padding-left: 0px;}
#content {margin-top:20px}
#pppnew {margin-left:40px}
#headp {margin-top: -5px;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background-color: darkgray;
    opacity: 0.94;}
.level-2 {width:290px;    margin-top: -5px !important;
    background: white !important;
    color: black !important;
}
.level-3 {margin-left: -270px !important;
    float: right;
    margin-top: 0px !important;
    background: darkgray !important; height: auto !important;position: relative !important; 

float: left !important;
    margin-top: -4px !important;
    width: 250px !important;

}
.lee-main-details p.cost {    width: 50%;}
	#hide4 {display:none}
#hidep {display:none}

#hinhp {height:auto; width:100%}
#plide { width:100%}
#pfixed {background-image:none; height:0px}


	#main-menu-wrapper {   
position: relative;


    height: 57px;
   
    width: 100%;
    z-index: 9999999;
    margin-bottom: 10px;
    background-color: white;
}
	ul.main-menu > li { float: left }
	ul.main-menu > li > a {  
font-weight: bold;
    margin-left: -15px;
    display: block;
    line-height: 44px;
    padding: 0 28px;
    font-family: 'Nunito';
    font-size: 19px;
    color: #474747;
    height: 45px;}
	ul.main-menu > li > a > i { margin-left: 4px; font-size: 12px }
	
	ul.main-menu > li > a.active { background: #DC407D}
  ul.main-menu > li > a:hover { border-bottom: 2px solid darkblue;border-bottom-width: initial;}
	ul.main-menu li { position: relative;}
	
	ul.main-menu ul {height:400px; background: #016F86; 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;     height: auto;    padding-bottom: 20px;     margin-top: 0px !important; margin-left:-15px !important }
	ul.main-menu ul li { width: 250px;     font-family: Nunito;    font-size: 20px;   margin-left: 20px; float:left;    margin-top: 10px;min-width: 160px;  z-index:999}
	ul.main-menu ul li a { border-bottom: 2px solid #ddd; color: black; text-decoration: none; line-height: 30px; display: block; font-size: 17px; }
	ul.main-menu ul li a i { margin: 6px }
	
	ul.main-menu ul li a:hover { color: darkblue; font-weight:bold;  }
	
	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: 2px; top: 22px }
	ul.main-menu > li:hover span.lee-caret { border-color: #fff transparent; }
	ul.main-menu ul li span.lee-caret { content: ''; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent #DC4141; position: absolute; right: 15px; top: 50%; margin-top: -6px }

	ul.main-menu ul.mega-menu li { min-width: 0; width: 120px; text-align: center; float: left; padding: 5px 0 }
	ul.main-menu ul.mega-menu li:first-child:after { top: -16px; }
	ul.main-menu ul.mega-menu li:hover ul { display: none; }
	ul.main-menu ul.mega-menu li span.lee-caret { display: none; }

}


@media only screen and (max-width: 1200px) {
	#hide4 {display:block}
.container-item-news {margin-top:20px}
.lee-main-details h1{margin-top:10px}
.content-item { width: 25% }
#hide4p {margin-top:40%}
#review-cart {display:none; }
.menumobile {display:none}
#width100 {width:100%}
.main-menu {display:none}
#hidep {display:block}
#pwidth {width:100%}
.flexslider .slides img { height:100% } 
.flexslider {margin: 0 0 15px 0; padding: 0;}
#hinhp {height:auto; width:100%}
#hidep3 {display:block; margin-left:150px}
.image-block img { weight:100% }
	#main-menu-wrapper, .module-new-post, .admin_edit_post { display: none }

	.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 { padding: 5px; box-shadow: none }
#single {margin-top:20px}
	.lee-tabs-des ul li { font-size: 12px }
	.lee-main-details .lee-input-text { width: 60px }
#logo .logo-wrapper, #logo .logo-wrapper img {     width: 150px;     margin-top: 15px; float:left}

#logo {float:none}

}



@media only screen and (max-width: 500px) {

#pposright{float: none; right: 0px; position: none;
}
  #pcanhnut{  position: relative;
    margin-top: 30px;}
.pptop40 {margin-top:-40px; text-align: center;}
#ppf15{font-size: 15px;}
#pleft10 {margin-left:10px}
#pf35{font-size: 20px;  }
#ph200{height:20px}
.pl100 {margin-left: 0px !important;}
#pt80p60{margin-top:-50px; padding:10px}
#ph700{height: auto;}
#pw100 { width:100%}
#pt30{padding-top: 30px;}
#ph270{height: 120px;}
#anmobile {display:none}
#p35 {font-size: 18px;}
#padpp50 {padding: 0px; padding-top: 50px;}
   #ptru15 { margin-left: -15px;}
.footer-detail {    margin-top: 50px;}
#cogiaop2 { width: 100%;}
#pad120 {  padding-top: 20px;margin-left: 10px;}
#pad0{padding: 0px;}
#padpp {width:50%;} 
#cogiaop {width:100%;    height:auto}
#pt10 {margin-top: -10px;width:90%}
.flex-control-thumbs li {height:auto !important}
#hidepnew {display:none}
.pl100{margin-left: 0px;}
#ph100{height: auto;width: 100%;}
#pt20{margin-top: 20px;}
#ph250 {height: auto;}
#ph450{height:137px;}
#dkp {right: 3%;
    margin-top: -65px;
    width: 150px;}
#topslide{margin-top: 0px;}

#logo .logo-wrapper, #logo .logo-wrapper img {display:block}
#logo {display:block}
#ssp {display:none}
.linesa{	width:91%;}
#hidedaquy {display:none}

background-size: none;
.container-item-news {margin-top:20px}
.lee-main-details h1{margin-top:10px}
#width100 {padding-left:0px; padding-right:0px}

#single {margin-top:20px}
#hidep {display:block}
.category {margin-top:30px}
body {background-image: none;
}
.main-sidebar {padding-right: 15px;}
.search-group {margin-left:5px; width: 98%;margin-top: -10px;
    margin-bottom: 23px; }
.image-block img { weight:100% }
	#main-menu-wrapper, .module-new-post, .admin_edit_post { display: none }
	.menumobile, .search-group-mb { display: block; margin-top:25px; background-color: white;  }
	.menumobile {    margin-bottom: -8px; height:45px; width: 92%; margin-left: 15px; padding: 8px 10px; border: 1px solid #2F4684; font-size: 120%;
    background-color: white}
	.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 { padding: 5px; box-shadow: none }

	.content-item { 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 { margin: 0 } 
#logo {float:none}
}
/**
 * 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: 'Comfortaa';
  font-size: 20px;
}

body {
background-color:white;

background-size: 100%;
background-attachment: fixed;

}
#hinhp {height:132px; width:580px}
#header-block {top:18px}
#hide5p {display:none}







@import url(https://fonts.googleapis.com/css?family=Droid+Sans:bold+Lobster);
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(pictos/pictos.css);

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* -------------- THE button -------------- */
.button {

/* text */
	text-decoration: 		none;
	font: 					24px/1em 'Droid Sans', sans-serif;
	font-weight: 			bold;
	text-shadow: 			rgba(255,255,255,.5) 0 1px 0;
	-webkit-user-select: 	none;
	-moz-user-select: 		none;
	user-select: 			none;
	
	
/* layout */
	padding: 				.5em .6em .4em .6em;
	margin: 				.5em;
	display: 				inline-block;
	position: 				relative;
	
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius: 	8px;
	
/* effects */
	border-top: 		1px solid rgba(255,255,255,0.8);
	border-bottom: 		1px solid rgba(0,0,0,0.1);
	
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(https://lh4.googleusercontent.com/-Qs9-Ohgo6sk/UY11O1WoMQI/AAAAAAAACME/nUID7awcMow/s50-no/noise.png);
	background-image: 	-moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url(https://lh4.googleusercontent.com/-Qs9-Ohgo6sk/UY11O1WoMQI/AAAAAAAACME/nUID7awcMow/s50-no/noise.png);
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(https://lh4.googleusercontent.com/-Qs9-Ohgo6sk/UY11O1WoMQI/AAAAAAAACME/nUID7awcMow/s50-no/noise.png);

	-webkit-transition: background .2s ease-in-out;
	-moz-transition: 	background .2s ease-in-out;
	transition: 		background .2s ease-in-out;
	
/* color */
	color: 				hsl(0, 0%, 40%) !important;
	background-color: 	hsl(0, 0%, 75%);
	
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}

/* -------------- button (tag) -------------- */

button.button {
	border-left: none;
	border-right: none;
}
button.button:hover {
	cursor: pointer;
}


/* -------------- icon -------------- */
.button:before {
	font: 			1.2em/0 'Pictos', sans-serif;
	content: 		attr(data-icon); /* gets the icon value from the custom data attribute and puts it infront of the button label */
	margin-right: 	0.4em;
	
	
}
/* icon only */
.icon {
	font-weight: normal;
	font-style: normal;
	text-indent: 	-999em;
}
.icon:before { 
	margin-right: 	0;
	display: 		block;
	height: 		0;
	text-indent: 	0px;	
}



/* -------------- colours -------------- */

.button.orange {
	color: 				hsl(39, 100%, 30%) !important;
	background-color: 	hsl(39, 100%, 50%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.orange:hover { 	background-color: hsl(39, 100%, 65%); }


.button.blue {
	color: 				hsl(208, 50%, 40%) !important;
background-color: hsl(227, 94%, 26%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
}
.button.blue:hover { 	background-color: hsl(208, 100%, 83%); }

.button.green {
	color: 				hsl(88, 70%, 30%) !important;
	background-color: 	hsl(88, 70%, 60%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.green:hover { 	background-color: hsl(88, 70%, 75%); }

.button.pink {
	color: 				hsl(340, 100%, 30%) !important;
	background-color: 	hsl(340, 100%, 75%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.pink:hover { 	background-color: hsl(340, 100%, 83%); }



.button.transparent {
	color: 	rgba(0,0,0,0.5) !important;
}
.button.transparent, .button.transparent:hover, .button.transparent:active {
	background-color: transparent;
	background-image: none;
}
.button.transparent:hover {
	opacity: .9;
}



/* -------------- States -------------- */

.button:hover {
	background-color: 	hsl(0, 0%, 83%);
}



.button:active {
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);
	background-image: 	-moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);

	-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

	-webkit-transform: 	translateY(.2em);
	-moz-transform: 	translateY(.2em);
	transform: 			translateY(.2em);
}

.button:focus {
	outline: none;
	color: rgba(254,255,255,0.9) !important;
	text-shadow: rgba(0,0,0,0.2) 0 1px 2px;
}

.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
	opacity: 			.5;
	cursor: 			default;
	color: 				rgba(0,0,0,0.2) !important;
	text-shadow: 		none !important;
	background-color: 	rgba(0,0,0,0.05);
	background-image: 	none;
	border-top: 		none;

	-webkit-box-shadow: inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

	-webkit-transform: 	translateY(5px);
	-moz-transform: 	translateY(5px);
	transform: 			translateY(5px);
}

/* -------------- Fonts -------------- */

.serif { 
	font-family: 'Lobster', serif;
	font-weight: 			normal;
}


/* -------------- Sizes -------------- */

.xs { font-size: 16px; }
.xl { font-size: 32px; }


/* -------------- Materials -------------- */

.button.glossy:after, .button.glass:after {
	content: 	"";
	position: 	absolute; 
    width: 		90%;
    height: 	60%;
    top: 		0;
    left: 		5%;    
    
    -webkit-border-radius: 	.5em .5em 1em 1em / .5em .5em 2em 2em;    
    -moz-border-radius: 	.5em .5em 1em 1em / .5em .5em 2em 2em;
    border-radius: 			.5em .5em 1em 1em / .5em .5em 2em 2em;
    
    background-image: 		-webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
    background-image: 		-moz-linear-gradient(left, rgba(255,255,255,.55), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) );	
    background-image: 		gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
}
.button.glossy:active:after,
.button.glass:active:after,
.button.disabled:after,
.button[disabled]:after
 { opacity: .6; }

.button.icon.glossy:after,
.button.icon.glass:after { height: 75% ; }

/* -------------- Glass + Transparent -------------- */
.button.glass {
	text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,0.18) 0 .18em .15em;
}
.button.glass:active {
	text-shadow: rgba(255,255,255,.3) 0 1px 0, rgba(0,0,0,0.15) 0 .18em .15em;
}


/* -------------- Shapes -------------- */

/* round */
.round, .round.glossy:after, .round.glass:after { 
	border-top: none; 
	-webkit-border-radius: 	1em; 
	-moz-border-radius: 	1em; 
	border-radius: 			1em; 
}

/* oval */
.oval {
	border-top: 			none; 
	padding-left: 			.8em;
	padding-right: 			.8em;
	-webkit-border-radius: 	5em / 2em; 
	-moz-border-radius: 	5em / 2em; 
	border-radius: 			5em / 2em; 
}
.oval.glossy:after, .oval.glass:after { 	
	top: 					5%;
	-webkit-border-radius: 	5em / 2em 2em 1em 1em; 
	-moz-border-radius: 	5em / 2em 2em 1em 1em; 
	border-radius: 			5em / 2em 2em 1em 1em; 
}
.oval.icon {
	padding-left: 			.8em;
	padding-right: 			.8em;	
	-webkit-border-radius: 	1.5em / 1em; 
	-moz-border-radius: 	1.5em / 1em; 
	border-radius: 			1.5em / 1em; 
}
.oval.icon.glossy:after, .oval.icon.glass:after {	
	-webkit-border-radius: 	1.5em / 1em; 
	-moz-border-radius: 	1.5em / 1em; 
	border-radius: 			1.5em / 1em; 
}

/* brackets */
.brackets, .brackets.glossy:after, .brackets.glass:after { 
	border-top: 			none; 
	-webkit-border-radius: 	.5em / 1em;
	-moz-border-radius: 	.5em / 1em;
	border-radius: 			.5em / 1em;
}

/* skew */
.skew { 
	border-top: 			none; 
	padding-right: 			1.2em;
	padding-left: 			0.8em;	
	-webkit-border-radius: 	5em 1em / 5em 1em;  
	-moz-border-radius: 	5em 1em / 5em 1em;  
	border-radius: 			5em 1em / 5em 1em;  
}
.skew.glossy:after, .skew.glass:after { 	
	left: 10%;
	-webkit-border-radius: 	7em 1em / 5em 1em;
	-moz-border-radius: 	7em 1em / 5em 1em;
	border-radius: 			7em 1em / 5em 1em;
}
.skew.icon { 	
	padding-right: 			.9em;
	padding-left: 			.8em;
}

/* back */
.back, .back.glossy:after, .back.glass:after { 
	border-top-color: 		rgba(255,255,255,0.5);
	-webkit-border-radius: 	1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
	-moz-border-radius: 	1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
	border-radius: 			1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
}
.back.glossy:after, .back.glass:after { 
	 left: 	6%;
	 width:	88%;
}

/* knife */
.knife { 						
	padding-left: 1.5em;
	-webkit-border-radius: 	.2em .5em .5em 8em / .2em .5em .5em 5em; 
	-moz-border-radius: 	.2em .5em .5em 8em / .2em .5em .5em 5em; 
	border-radius: 			.2em .5em .5em 8em / .2em .5em .5em 5em; 
}
.knife.glossy:after, .knife.glass:after {
	left: 					3%;
	width: 					97%; 		
	-webkit-border-radius: 	.1em .5em .5em 8em / .1em .5em .5em 2em;   
	-moz-border-radius: 	.1em .5em .5em 8em / .1em .5em .5em 2em;   
	border-radius: 			.1em .5em .5em 8em / .1em .5em .5em 2em;   
}
.knife.glossy.icon:after, .knife.glass.icon:after { 
	left: 					5%; 
	width: 					95%;
	-webkit-border-radius: 	.5em .5em 1em 6em / .5em .5em 1em 4em; 
	-moz-border-radius: 	.5em .5em 1em 6em / .5em .5em 1em 4em; 
	border-radius: 			.5em .5em 1em 6em / .5em .5em 1em 4em; 
}

/* shield */
.shield, .shield.glossy:after, .shield.glass:after { 
	-webkit-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em; 
	-moz-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	border-radius: 			.4em .4em 2em 2em / .4em .4em 3em 3em;
}
.shield { 							
	padding-left: 	.8em;
	padding-right: 	.8em;
}
.shield.icon { 						
	padding-left: 	.6em; 
	padding-right: 	.6em;
}

/* drop */
.drop {
	border-top: none;
	-webkit-border-radius: 	2em 5em  2em .6em / 2em 4em 2em .6em; 
	-moz-border-radius: 	2em 5em  2em .6em / 2em 4em 2em .6em; 
	border-radius: 			2em 5em  2em .6em / 2em 4em 2em .6em; 
}
.drop.glossy:after, .drop.glass:after { 
	left: 4%;
	-webkit-border-radius: 	2em 6em  2em 1em / 2em 4em 2em 2em; 
	-moz-border-radius: 	2em 6em  2em 1em / 2em 4em 2em 2em;
	border-radius: 			2em 6em  2em 1em / 2em 4em 2em 2em;
}
.drop.icon { 	
	padding-right: .6em; 
}

.morph {
	border-top: none;
	-webkit-border-radius: 	5em / 2em;
	-moz-border-radius: 	5em / 2em;
	border-radius: 			5em / 2em;
	-webkit-transition: 	-webkit-border-radius .3s ease-in-out;
	-moz-transition: 		-moz-border-radius .3s ease-in-out;
	transition: 			-moz-border-radius .3s ease-in-out;
}
.morph:hover { 
	-webkit-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	-moz-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	border-radius: 			.4em .4em 2em 2em / .4em .4em 3em 3em;
}
.morph:active { 
	-webkit-border-radius: 	.3em;
	-moz-border-radius: 	.3em;
	border-radius: 			.3em;
}
.morph:after { 
	display: none;
}
@-moz-document url-prefix() {
	.button { text-align: center; }
	.icon { padding: .5em 1em; }
	.icon:before { margin-left: -.42em; float: left; }
	
	.drop.icon { padding-right: 1.1em; }
	.shield.icon { padding-left: 1.1em; padding-right: 1.1em; }
	.skew.icon { padding-right: 1.4em; padding-left: 1.3em; }
	.oval.icon { padding-left: 1.3em; padding-right: 1.3em;	}
	.knife { padding-left: 2em; }
}



.lee-add-cart {display:none}
.my-cart-btn {display:none}
.product-price {display:none}
.menumobile {display:none}
.about-us {display:none}
.news_sidebar {display: none;}

#menup2{margin-left: 15px;}
#logo .logo-wrapper, #logo .logo-wrapper img {
     margin-left: -36px; }

#cartnew {position: fixed;
    top: 0px;
    right: 30px;
    background-color: #6495ED;
    padding: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top: 4px solid #FFBA00;
    z-index: 99999;
 -webkit-box-shadow: 0 10px 6px -6px white;
       -moz-box-shadow: 0 10px 6px -6px white;
            box-shadow:10px 10px 10px -8px white;
}





.imagerotate{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;

}

.imagerotate:hover
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
}


.col-md-12 .col-md-3 p {    padding-bottom: 5px;}
.darkred {border-bottom:2px solid darkblue;     border-bottom-width: initial;}

.pselect{
border-radius: 10px;
    padding: 5px 15px;
    border: 1px solid #ddd;
    width: 100%;
}

.ptrang     
{padding: 10px; margin-right:10px;
    padding-left: 20px;
    padding-right: 20px;
    border: 2px solid #213E7C;
    border-radius: 5px;
    color: #213E7C;
    font-size: 25px;
    font-weight: bold;
    font-family: Nunito;}

	#review img {
        width: 100%;
        border-radius: 10px;
        padding: 10px;
    }
	#review-pagination {
		margin: 20px;
	}
	#review-pagination .paginationjs-pages {
		margin: 0 auto;
	}