﻿/**
 * 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:#0E6A99;}
a:hover{	}
a:visited{	color:#0E6A99;}
a:visited:hover{	}
body{background:white !important;overflow-x: hidden;margin:auto;max-width:1600px;width:100%;}
#content {float:left;width:100%;margin-top:20px; /*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 {position: relative; overflow:hidden;float:left;width:100%; /*padding:10px 0px; -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; width: 100%;  margin1:10px 0 10px 0  }
#logo .logo-wrapper img {max-width:70px;width:100%;height: auto; padding:5px;  }
.scrollq .logo-wrapper img{width:60px !important;height: auto;}
#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: #858486 }
.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%;margin-top:12px; }
.search-group .searchsubmit { position: absolute; right: 10px; top: 10px; background-color: transparent; border: none; border-radius: 0 }
.search-form {box-shadow:2px 0 2px 0 #ddd;border-radius:20px; width: 100%; height: 34px; padding: 4px 30px 4px 10px;  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: 28%; }
.result-search-content ul li .result-text { float: left; width: 70%; padding-left: 10px }
/*
 * SIDEBAR_CATEGORY
 */
.container {   max-width: 1170px;   width: 100%;
}
.mgt10{	margin-top:10px;}
.mgbt10{	margin-bottom:10px;}
.main-sidebar {}
.category h3 {border-radius1:30px 0 30px 0; text-transform: uppercase; font: 18px 'lee'; background1: #2C394C;  padding: 8px 15px }
.category h3 i { margin-right: 8px }
.category { background: #fff }
.sidebar_category {border-top: none;     }
.main-sidebar .module
{
	border: 1px solid #ddd;
    border-radius:30px 0 8px 8px;   
    background: #fff;
    -webkit-box-shadow: 10px 0 3px -2px #eeeeee;
    box-shadow: 4px 0px 4px -2px #eeeeee;
    border: 1px solid #eee;
    margin-bottom: 30px;
    float: left;
    width: 100%;padding-bottom:10px;
}
.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; right: 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: 8px 5px 8px 10px; border-bottom: 1px dotted #ededed; font-size: 12px; font-weight: bold; }
.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: 5px; border-top: none }
.category .tags-content li { display: inline-block }
.category .tags-content li a { font-size: 12px;border-radius:6px; font-weight: bold; color: #666; text-decoration: none; padding: 0 5px; line-height: 22px; 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 {  padding-top: 10px; }
.container-item-news .content-header { margin-bottom: 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:10px; 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-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 }
*/
#products-list,.prductview
{
	margin-left:-10px;margin-right:-10px;
}
.content-header h3 a { color: #fff; }
.content-header .btn { border-radius: 0; padding: 12px 17px }
.content-item {margin:5px 0 10px 0; /*width: 24.5%; */width: 25%; float: left; background: #fff; padding: 0 10px 10px 10px; position: relative; }
.content-item .product_item,.content-item .category_item {border1: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.6) ; -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%;  text-align: center; margin-bottom:10px; }
.content-item .image-block img { width: 100%; height: auto; }
.content-item .text-block { width: 100%; overflow: hidden; position: relative }
.content-item .text-block h2{ height:56px; font-size: 17px ;  /*text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; */
 width: 100%;  line-height:22px; overflow: hidden; text-align: center;  padding: 8px 2px 4px 2px; }
.content-item .text-block h2 a { text-decoration: none;color:#777;}
.content-item .text-block h2:first-letter { text-transform: uppercase; }
.content-item .text-block h2 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{height:50px;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;
    font-weight: bold;}

/*
 * FOOTER
 */
.footer-connect{float: left;width:100%;	margin:10px 0 0 0;padding:10px 0 30px 0;background:#0066B3;}
.footer-connect h3 {color:white; font-size: 20px;  margin: 20px 0;text-align: left; font-family: 'lee' }
.footer-connect h3 span { margin: 0; display: inline-block;font-size:20px;font-weight: bold;  }
.footer-connect  li{list-style: initial inside;color:white;}
.footer-connect  li a{color:white;}
.footer-connect ul{float: left;width:100%;}
.footer-detail { padding:25px 0;font-size:14px; position: relative; float:left;width:100%;  color: white; }
.footer-detail h3 {  20px; text-transform: uppercase; margin: 20px 0;text-align: left; font-family: 'lee' ;}
.footer-detail h3 span  {font-size:26px; font-weight: bold; margin: 0; display: inline-block; padding: 5px 20px 5px 0; color: #fff }

.footer-detail .box p { font-family: Arial; font-size: 13px; font-weight: 100; }
.footer-detail .box .item { margin-bottom: 10px; }
.footer-detail .box .item-right { border-left: 3px solid #E72635 }
.follow_icon{ float: left;width:100%;text-align: center;}
.link-follow {float: left;  }
.link-follow a {float: left; padding:7px; background: #DC4141; text-align: center; margin:3px 10px 3px 0; 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: white; 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 {border-top:1px solid rgba(255, 255, 255, 0.08); float:left;width:100%; background:#4e74a6;color:white;   padding: 10px 0;   border-top: 1px dotted #84878A; }
footer .copyright { display: block; color: white; font-size: 12px; text-align: center; }
footer .copyright a { color: white; 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: #858b8d; 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 {color:black; margin: 0 0 15px 0; float: left; width: 100% }
.addCommentContainer span.error { color: red; margin: 0 0 0 10px }
.addCommentContainer label {color:black; width: 100%; float: left;  margin: 15px 0 8px 0 }
.addCommentContainer input { float: left }
.addCommentContainer input.lee-input {color:black; padding: 5px 15px; border: 1px solid #ddd; width: 100% }
.addCommentContainer textarea {color:black; 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: #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 ; display: none }
#loading_wp1 { 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
 */
 .featured_image{	float: left;width:100%;margin-bottom:20px !important; }
.featured_image img{border:1px solid #eee;margin-left:1%;}
.lee-main-img { border: 1px solid #ddd; position: relative ;float: left;width: 100%;}
.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: 90%; left: 35%; color: #fff; font-size: 12px; background: rgba(0, 0, 0, .5); padding: 5px }
.lee-main-img img { max-width: 100%; display: block;max-height:500px; margin: auto;}
.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: 28px; }
.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: -120px; 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: 120px !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 .tabs-title 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 .tabs-title li:first-child { margin-left: -1px }
.lee-tabs-des .tabs-title li.active { background: #2c394c; color: #fff }
.lee-tabs-des .tabs-title li.active:before { position: absolute; content: ''; width: 0; border-style: solid; border-width: 6px 6px 0; border-color: #2c394c transparent; top: 100%; left: 50%; z-index: 2; margin-left: -3px }
.lee-tabs-des section { clear: both; width: 100%; overflow: hidden; border-top: 1px solid #ddd; float: left }
.lee-tabs-des section div.lee-detail-product { padding: 20px 0; }
.lee-detail-product li{list-style: inside !important; }
.lee-detail-product iframe,.news_content iframe{max-width:100% !important;}
/*
 * 404
 */

.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: 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 {font-weight: bold; color: #202020; text-decoration: none }
.news_sidebar ul li a img { float: left; margin-right: 8px }
.news_sidebar ul li span { font-size: 12px; color: #666; }
/*
 * SINGLE_NEWS
 */

.news_content { font-size: 14px;  padding-bottom:10px; margin-top:10px;}
.news_content h1 { font-family: 'lee'; margin-bottom: 15px }
.news_content img { display: block;  max-width: 100%; }
.news_content table,.lee-detail-product table { max-width: 100% !important;}
/*
 * CATEGORY_NEWS
 */

.category_news li {  border-bottom:1px dashed #eee; float: left; width: 100%; padding-bottom:8px; padding-right: 15px;margin-bottom:20px; }
.category_news li:hover{	background:#fdfdfd;}
.category_news li a {font-size:20px; 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
 */

#review-cart {margin-top:30px; position: relative; background: #DC4141; z-index: 1000; color: white; padding: 12px 10px; border-radius: 2px; 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 }
#review-cart .shop-cart { background: url('../img/shop-cart.png') no-repeat; width: 16px; height: 14px; float: left; margin-right: 10px }
#review-cart h3 { font-size: 15px; font-family: 'leeBold' }
#review-cart h3 span { font-size: 12px; color: #fff }
#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:30px; }
.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 { 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 ,.view_more_product a
{
	background: #0874b4 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;padding:8px;line-height:24px;
    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,.view_more_product a:hover
{
	background:#322fa4;
	color:yellow;
	border-radius: 4px;
}

.relationship p {
   text-align: center;
    margin: 0;
    background: #DC4141;
    padding: 8px;
    color: #fff;
    text-transform: uppercase;
}

/*  menu css */

	ul.main-menu > li { float: left }
	ul.main-menu .MnHome a{background: url("../img/home.jpg") no-repeat center left 0 / 22% auto ;padding-left:35px; }
	ul.main-menu > li > a { color:white; display: block; margin-left:1px; line-height: 30px; padding: 15px 12px; font-family: 'leeBold'; font-size: 16px; text-transform: uppercase;  }
	ul.main-menu > li > a > i { margin-left: 4px; font-size: 12px }
	
	ul.main-menu > li > a.active {  color:#A4D108;}
    ul.main-menu > li > a:hover { color:#A4D108;}
	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: 1px 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: #ddd transparent; position: absolute; right: 4px; top: 49% }
	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 #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; }
	
.home-wraper .content-item {width:20% !important;}
#main-menu-wrapper { float: right; z-index: 9999; min-height:24px ; margin-top:5px;}
@media only screen and (max-width: 1200px)
{
	
}
@media only screen and (max-width: 1000px)
{
	.content-item { width: 33.33% }
	.home-wraper .content-item {width:33.33% !important;}
	.flexslider1 .slides img { height: 280px }
	.td_wrapper_player 	{	height:340px !important;	}
	.custom_header{	font-size:18px !important; line-height:20px !important;	}
	
}
@media only screen and (max-width: 800px)
{
	.content-item { width: 50% }
	.home-wraper .content-item {width:50% !important;}
	
}
@media only screen and (max-width: 600px)
{	.about-us img{width:100% !important;height: auto !important;margin-left:0px !important;margin-right:0px !important; }
	.main_form .custom_header table	{		max-width:100% !important;	}
	.category_news li	{	width:100%;	border-bottom:1px solid #ddd;	margin-bottom:5px;	}
	.footer-connect li {padding-top:3px; padding-bottom:3px;}
	/* h1{font-size:24px !important;} h2{font-size:22px !important;} h3{font-size:18px !important;}*/
	.lee-main-details h1{font-weight: bold;	}
	.producer_search li {	height:40px !important;	} 
	.prod-code{	height:40px !important;padding-left:5px !important;padding-right:5px !important;	}
	.lee-maps iframe{		height:300px !important;	}	
	.custom_header{padding-top:8px !important;padding-bottom:8px !important; max-width:360px;}
	#logo .logo-wrapper img {max-width:70px !important;  }
	
/*	#container-item-0 .content-item,#container-item-1 .content-item{	width:100% !important; border-bottom:1px solid #eee;padding-bottom:6px;margin-bottom:6px;	}
	#container-item-0 .content-item .image-block,#container-item-1 .content-item .image-block{float:left;width:30% !important;margin-right:10px;	}
	#container-item-0 .content-item .text-block,#container-item-1 .content-item .text-block{float:left; width:65% !important; text-align:left !important; }
	#container-item-0 .content-item .text-block h2,#container-item-1 .content-item .text-block h2{padding-top:0px !important; text-align:left !important; height:auto; }
	*/
	.lee-detail-product iframe,.news_content iframe{height:250px !important;}
    .custom_header h4{font-size:18px !important;}
    .custom_header h5{font-size:14px  !important;}
	.topmenu {   position: relative !important;   top: 0px !important;}
	.topmenu {   position: relative !important;   top: 0px !important;}
	#tongquan .contentg {		width:100% !important;	}
	.main_form{	 top:110px !important;}
	#custom_header .custom_header{		font-size:14px !important;	}
	#custom_header .custom_header h3{font-size:34px !important;	}
	#custom_header .custom_header  h5,#custom_header .custom_header table,#custom_header .custom_header  h4{font-size:14px !important;  }
	.mainslide {}
	.tab_title h2{	line-height:28px;	font-size:22px !important;	}
	.lydo_1 .news-item .short_des{ padding: 10px !important;  height:160px !important; }
	.tab_title h2::after {height:28px !important;}
	.news_content img { display: block; margin-left:0px !important; margin-right:0px !important; max-width: 100%; }
}
@media only screen and (max-width: 500px) {
	.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 { padding: 0 0 0 0; box-shadow: none }
	
	.home-wraper .content-item {width:50% !important;}
	.content-item { width: 50% }
	.lee-tabs-des ul li { font-size: 12px }
	.lee-main-details .lee-input-text { width: 60px }
	
	.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%;}	
	.about-us h3{		font-size:28px !important;}
	.about-us-intro h2{font-size:20px !important;	}
	#main-menu-wrapper{	margin-top:5px !important;	}
	.head_info{right:5% !important;max-width:90% !important;position1: relative !important;	}
	.bds-bietthu-box .news_sdes	{		height:400px;overflow:hidden;position:relative;	}
	.bds-bietthu-box .newstitle h2{		font-size:28px !important;	}
}
/**
 * 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{	float: left;	width:100%;	text-align: center;	margin:20px 0;	font-size:24px;	}

#navbar-menu {
    z-index: 100;  float: right;margin-right:3%; margin-top:5%;   width: 40px !important;
    min-height: 40px;overflow: hidden;position: relative;
}
.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:10px 1% 10px 1%;	padding: 5px;background:#ddd;	}
.search-group-mb .search-group {margin-top:0px !important;}  
.content img{	max-width:100% ;	height: auto !important;}
.content_search_result,.container-item{	float: left;	width:100%;	margin-bottom:30px;}
.slide_banner{float: left;	width:100%;}

/* hieu ung img hover */

.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%);}
.img_hover1{position:relative; overflow:hidden;}
.img_hover1:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';z-index:10;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.img_hover1:hover:before {webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}

.img_hover2{position:relative; overflow:hidden;}
.img_hover2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.img_hover2:hover:before {transition: 1s;left: 100%;}


.hinh_mo{ position:relative; z-index:2;}
.hinh_mo:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );}

.trang_den{filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.trang_den:hover{filter: grayscale(0%);-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}
.zoom_hinh{ overflow:hidden;}
.zoom_hinh img{transition:all 1s ease 0s;}
.zoom_hinh:hover img{transform:scale(1.1);}

.xoay_hinh{ overflow:hidden;}
.xoay_hinh img{transition:all 1s ease 0s;}
.xoay_hinh:hover img{transform:rotate(360deg);}
.zoom_mo{ position:relative;}
.zoom_mo:before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-color: rgba(255, 255, 255, 0.2);-webkit-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: ease-in-out 500ms;-o-transition: ease-in-out 500ms;transition: ease-in-out 500ms;z-index: 1;}
.zoom_mo:hover:before{-webkit-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);opacity: 1;}

.hover_sang3{ overflow:hidden; position:relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
.follow-me a {  border: 1px solid white;  text-align: center;  margin: 5px;  float: left;  border-radius: 3px;  width: 30px;
  height: 30px;  padding: 6px 5px 5px 5px;  line-height: 30px;  color: white !important;}
.follow-me a:hover { border: 1px solid #4e74a6 !important;	color: #4e74a6 !important;}