/*
Theme Name: RDT020
Theme URI: http://redeptot.vn
Author: Redeptot.vn
Author URI: http://redeptot.vn/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rdt006
*/
@import url('css/reset.css');
@import url('css/wp-core.css');
header#header {
    background: url(images/bg-header.png) repeat-x left top;
}nav.secondary-menu.container {
    padding-top: 30px;
}.logged-in #MainMenu.navbar {
    margin-top: 64px;
}#flags {
    margin: 15px 0 !important;
}
ul#menu-menu-chinh {
    display: inline;
}
.navbar-right {
	position:relative;
}
.navbar-right li ul {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    background: rgba(0,0,0,0.26);
    width: 200px;
    list-style: none;
    padding: 0;
	overflow: auto;
	max-height: 500px;
}
.navbar-right li.menu-auto ul {
    right: 0;
    left: auto;
}
.navbar-right li ul li {
    padding: 5px;
}
.menu-shrink .navbar-right ul {
    background: #363c48;
}
.menu-shrink .navbar-right ul.subnav li {
    background: #363c48;
    padding: 5px;
}
.navbar-right li {
	position:relative;
}
.navbar-right li .popupxf{
    padding: 0 !important;
	top:4px;
	right:4px;
	position: absolute !important;
}
.navbar-right li:hover ul {
	display:block;
}
.navbar-right ul a {
	color:#fff;
}
form.big-search button:hover span.fa {
    color: #0084c0;
}
form.big-search button span.fa {
    color: #95979c;
    font-size: 28px;
    line-height: 6.5rem;
}
#wpuf-login-form.login {
	text-align:center;
}
#wpuf-login-form.login label, .forgetmenot {
	text-align: left;
}
.page-head, .post_count {
	display:none;
}
ul.subnav li {
	padding:10px;
}
.bk-oEmbed-video {
    padding-bottom: 62.25%;
    position: relative;
}
.bk-oEmbed-video iframe, .bk-oEmbed-video img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#pagination {
    color: #20242b;
    font-size: 18px;
    width: 100%;
    float: left;
    text-align: center;
    border-left: 5px solid #20242b;
    background-color: #F4F3F3;
    padding: 4px 0;
}
#pagination .page-numbers.current {
    font-weight: bold;
    padding: 10px 16px;
    border-top: 2px solid #20242b;
    margin-top: -2px;
}
#pagination a.page-numbers {
    color: #20242b;
    font-weight: bold;
    padding: 10px 16px;
}
#pagination a {
    margin-right: 10px;
    display: inline-block;
    color: #20242b;
}
#pagination .next {
    padding: 0 12px;
    margin-left: 10px;
}
@charset "utf-8";
@import url('css/reset.css');
@import url('css/wp-core.css');
[class^="icon-"]:before,[class*=" icon-"]:before{
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	display:inline-block;
	text-decoration:inherit
}
::-webkit-input-placeholder {color: #999; font-size: 16px}
:-moz-placeholder {color: #999; font-size: 16px}
::-moz-placeholder {color: #999; font-size: 16px}
:-ms-input-placeholder {color: #999; font-size: 16px}

.form-register input::-webkit-input-placeholder, .form-register textarea::-webkit-input-placeholder {color: #fff; font-size: 14px}
.form-register input:-moz-placeholder, .form-register textarea:-moz-placeholder {color: #fff; font-size: 14px}
.form-register input::-moz-placeholder, .form-register textarea::-moz-placeholder {color: #fff; font-size: 14px}
.form-register input:-ms-input-placeholder, .form-register textarea:-ms-input-placeholder {color: #fff; font-size: 14px}

h1, h2, h3, h4, h5, h6, a, span, p, button, label, i,img{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
html {margin: 0 auto}
body {font-size:14px;line-height:22px;color:#222;font-family: 'Roboto', sans-serif;font-style: normal;font-weight: 400}
a{color:#222; outline: none}
a,a:hover,a:focus {text-decoration: none}
a:focus {outline-offset: inherit !important}
a img{ border:none}
img { max-width:100%; height: auto}
blockquote{border: 3px dashed #F47555;padding: 20px;margin: 10px 0; background-color: #FFFFDF; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px}
ul li{list-style: none}

input,input:focus, textarea, select. button{outline: none}
input{border-radius: 0; margin: 0;-webkit-appearance: none; -moz-appearance: none; line-height: 51px}
input, textarea {
    width: 100%;
    background-color: transparent;
    color: #999;
    font-size: 16px;
    padding: 0 10px;
    border: 2px solid #E3E3E3;
}
input[type="button"], input[type="submit"]{background-color: #DD2B31; line-height: 42px; border: none; text-transform: uppercase; font-weight: 700; color: #fff; font-size: 14px; padding: 0 15px}
input, textarea {
    outline: none;
    -webkit-transition: outline-color .2s;
    -moz-transition: outline-color .2s;
    -ms-transition: outline-color .2s;
    -o-transition: outline-color .2s;
    transition: outline-color .2s;
}
input[type="submit"]{width: auto}
textarea { padding: 5px}
hr{border-top: 1px solid #F0F0F0}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4, h5, h6{ font-size:14px}
main {display: block }
iframe{max-width: 100%; overflow: hidden}
ins{text-decoration: none}
fieldset {display: table-column; }
<!–[if IE]>
fieldset {display: block; }
<![endif]–>

/* General */
.clear { float:none; clear:both; margin:0px; padding:0px;height: 0;display: block}
.overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0}
.bold {font-weight: bold}
.thumbnail {border-radius: 0; border: none; padding: 0}
.site-title{visibility: hidden; position: absolute;}
.bloginfo-name{line-height: 80px}
.gradient{
	background: rgba(223,44,50,1);
	background: -moz-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,44,50,1)), color-stop(100%, rgba(190,31,37,1)));
	background: -webkit-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
	background: -o-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
	background: -ms-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
	background: linear-gradient(to bottom, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2c32', endColorstr='#be1f25', GradientType=0 );
}
.owl-controls{margin-top: 0; position: absolute; bottom: 0; left: 0; right: 0;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #DD2B31}
.rbt900{font-weight: 900}
.rbt700{font-weight: 700}
.flw{float: left;width: 100%}

/*Header*/
.small-header {
    padding: 10px 0;
    position: absolute;
    top: -6px;
    margin-left: 20px;
}
.social-head li{float: left; width: 28px; height: 28px; text-align: center; line-height: 28px; margin-left: 10px; border-radius: 50%}
.social-head li a{color: #fff}
.social-head li.facebook{background-color: #3A589B}
.social-head li.youtube{background-color: #CF3427}
.social-head li.twitter{background-color: #55ACEE}
.main-header {background: url(images/bg-head.png) no-repeat ; float: left;width: 100%; padding: 30px;border-radius: 20px 20px 0 0}
.main-header #searchform{margin-top: 7px}
.main-header .text-search{ float: left; width: 78%; border-radius: 5px;; font-style: italic; color: #999; background-color: #fff; line-height: 40px; border: none}
.main-header .buttom-search{float: left; width: 20%; margin-left: 2%; border-radius: 5px; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #fff; border: none}
/*Menu*/
.menu-primary li{float: left; border-right: 1px solid #C62227; position: relative}
.menu-primary li.current-menu-item, .menu-primary li:hover{background-color: #C62227}
.menu-primary li a{color: #fff; padding: 0 25px; text-transform: uppercase; display: block; line-height: 50px}
/*Sub Menu*/
.menu-primary ul li:hover > .sub-menu{display: block;visibility: visible;z-index: 9999;opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0.3s ease, opacity 0.2s ease .1s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s}
.menu-primary ul li .sub-menu li.menu-item-has-children:after{content:'\f0da';float: right; color: #222; line-height: 30px; margin-left: 0}
.menu-primary ul li .sub-menu{ min-width:250px;opacity: 0;padding:0;position:absolute;-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0.5s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease}
.menu-primary ul li .sub-menu [class*=sub-menu]{padding: 0 0 0 3px}
.menu-primary ul li .sub-menu .sub-menu [class*=sub-menu]{left: 247px}
.menu-primary ul li .sub-menu li {text-align: left; margin:0;width: 100%;border-right: none;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s}
.menu-primary ul li .sub-menu li:last-child {border-bottom: none}
.menu-primary ul li .sub-menu li:hover{background-color: rgba(255, 0, 0, 0.2)}
.menu-primary ul li .sub-menu li a{line-height: 40px; text-transform: none}
.menu-primary ul li .sub-menu ul {left:250px;margin-top: -40px}

.menu-primary ul li .sub-menu{background-color: #C62227}

@-webkit-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
}
@-moz-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
@-o-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
@keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
.menu-fixed{position: fixed;left: 0;right: 0; top:0; z-index: 999999;animation: fontbulger 0.5s;-webkit-animation: fontbulger 0.5s}

#off-canvas{background:#3c3c3c;transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);top: 0;bottom: 0;left: 0;height: 100%;overflow: hidden;position: fixed;visibility: hidden;z-index: -1;transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s}
body.mnopen #off-canvas{transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);overflow-scrolling: touch;overflow: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;visibility: visible;z-index: 999999;transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s}
.off-canvas-inner{width:100%;background:#3c3c3c;color:#FFF}
.off-canvas-inner ul{float:left;width: 320px; display: block!important;padding-left: 0;}
.off-canvas-inner ul li{float:left;width: 100%;border-top: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:last-child{border-bottom: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:hover{border-color: #212327}
.off-canvas-inner ul li.menu-item-has-children:hover{border-color: rgba(255,255,255,.1)}
.off-canvas-inner ul li a{padding: 9px 30px;margin: 0 auto;display:block;color: #999}
.off-canvas-inner ul li a:hover{background:#212327;color: #FFF}
.off-canvas-inner ul li a .fa-times-circle{opacity: .3;color: #38578F;font-family: "FontAwesome";font-size: 28px;margin-right: 0!important}
.off-canvas-inner ul li a:hover .fa-times-circle{opacity: 1}
.off-canvas-inner ul li i.fa{margin-right: 10px}
.off-canvas-inner ul li .sub-menu li{line-height: normal}
.off-canvas-inner ul li .sub-menu li:last-child{border-bottom: 0px}
.off-canvas-inner ul li .sub-menu li a{padding-left: 40px}
.off-canvas-inner ul li .sub-menu li a:before{content: '-';display: inline-block;font-family: Fontawesome;color: #999;margin: 0 5px 0 0}
.off-canvas-inner .close-menu {text-align: center}
/*Main*/
.section-slider, .section-news, .section-why{background: #fff}
#main{background: url(images/vg1.png)}
.best-cate{background: url(images/vg2.png); border-radius: 0 0 20px 20px}
.best-cate .col-sm-3, .best-cate .col-sm-4{background: url(images/line.png) no-repeat right}
.best-cate .col-sm-4:last-child{background: none}
.best-cate .cate-item{padding: 10px 0 0 0;float: left;width: 100%}
.best-cate .col-sm-4:nth-child(2) .cate-item{ padding: 20px 0 0}
.best-cate .col-sm-4:nth-child(3) .cate-item{ padding: 20px 15px 0 0}
.infocate{float: left; width: 50%}
.imgcate{ position: relative; min-height: 166px; float: left;width: 50%}
.imgcate img{ position: absolute; right: 0; bottom: 0;}

.section-product{margin-top: 30px}
.list-product{margin-bottom: 0}
.cate-item h2{font-size: 24px; color: #fff; text-transform: uppercase;text-shadow: 1px 2px 0 rgba(0,0,0,.25); margin-top: 15px}
.cate-item .exp-cate{color: #fff; margin: 10px 0 16px}
.cate-item .morecate{line-height: 40px; padding: 0 15px; display: inline-block; color: #fff; border-radius: 5px; text-transform: uppercase}
.page-header{ margin: 30px 0 20px;}
.block-title, .page-header{border-bottom: 1px solid #fff; float: left; width: 100%; background: url(images/icon-cate.png) no-repeat left; padding-left: 45px; margin-bottom: 15px; padding-bottom: 0; margin-top: 0}
.block-title h2, .page-header h1, .page-header a{line-height: 35px; font-size: 18px; text-transform: uppercase; color: #fff}
.block-title h2 a{color: #fff}
.block-title li{float: left;margin-left: 15px}
.block-title li a{color: rgba(255, 255, 255, 0.7); font-size: 15px; line-height: 35px}
.block-title label{display: none}
.block-title label{position: relative;}
.block-title label:after{ content: '\f152'; font-family: 'FontAwesome'; color: #fff; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 8px; top: 0; padding: 12px 0 0px; border-bottom: 1px solid #ddd; position: absolute; pointer-events: none; }
.block-title .pro-subcat{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #A55325; color: #fff; padding: 9px 10px; float: right; border: none;}
.title-product{font-size: 16px}
.show-products .product{padding: 10px 15px 5px; background-color: #fff;border: 1px solid #e9e9e9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 15px; min-height: 465px}
.custom-tpl .product{min-height: 300px}
.custom-tpl .product img{max-height: 178px}
.show-products .thumbnail{padding: 0; border: none; border-radius: 0;position: relative; margin-bottom: 10px}
.show-products .title-product{height:40px; overflow: hidden;display: block}
.icon-new{position: absolute;left: 0; top: 0; background-color: #4CAC4A; padding: 0 10px; line-height: 30px; color: #fff; text-transform: uppercase; -moz-border-radius: 6px 0 6px 0; -webkit-border-radius: 6px 0 6px 0; border-radius: 6px 0 6px 0; margin-top: -5px}
.title-product{font-size: 14px; text-transform: uppercase; margin-bottom: 5px}
.price del{color: #999}
.price ins{text-decoration: none}
.price del .price-amount{color: #999; font-size: 14px; font-weight: normal}
.price del .price-currencySymbol{font-weight: normal}
.price ins{margin-left: 10px}
.price .amount{font-weight: 700; color: #d02930; font-size: 16px}
.price-currencySymbol{font-weight: 700; font-size: 16px;text-decoration: underline}

.box-news{padding: 30px 0}
.box-news .block-title{ background: url(images/icon-news.png) no-repeat left;border-bottom-color: #DD2B31}
.box-news .block-title h2, .box-news .block-title h2 a{color: #dd2b31}
#content-category .page-header{ background: url(images/icon-news2.png) no-repeat left}
.post-title{text-transform: uppercase;}
.exp-post{font-size: 16px; color: #999}
.readmore{color: #dd2b31; font-size: 16px}
.post-info{color: #999}
.list-news li{float: left;width: 48%; border-bottom: 1px solid #e9e9e9; margin-bottom: 15px; padding-bottom: 15px}
.list-news li:first-child{margin-right: 4%;border-bottom: none; padding-bottom: 0; margin-bottom: 0}
.list-news li:first-child .post-info{display: none}

.register-form{background: url(images/vg3.png); padding: 30px 0}
.register-form .block-title{background: none; border-bottom: none; padding-left: 0; margin-bottom: 0}
.register-form .block-title h2{color: #fff}
.register-form .block-title:after{content:''; width: 90px; height: 3px; background-color: rgba(255, 255, 255, 0.5);display: block; margin: 25px auto;}
.form-register{padding: 0 30px}
.form-register input, .form-register textarea{border: 1px solid rgba(255,255,255,.3); color: #fff}
.wpcf7-form span{margin-bottom: 20px; display: block}
.your-submit input{
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	background: rgba(223,44,50,1);
	background: -moz-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,44,50,1)), color-stop(100%, rgba(190,31,37,1)));
	background: -webkit-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
	background: -o-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
	background: -ms-linear-gradient(top, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
	background: linear-gradient(to bottom, rgba(223,44,50,1) 0%, rgba(190,31,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2c32', endColorstr='#be1f25', GradientType=0 );
}

.section-testimonial{float: left;width: 100%;overflow: hidden;position: relative;padding: 10px 0; max-height: 400px;background: url(images/bg-testimonial.png) no-repeat center center fixed; background-size: cover}
.section-testimonial .overlay{background-color: rgba(0, 0, 0, 0.8)}
/*#testimonial{border: 2px solid #DD2B31; padding: 30px; position: relative;}*/
/*#testimonial:before{content:'\f10d'; font-family: 'FontAwesome';position: absolute; left: 0; right: 0; color: #DD2B31}*/
#testimonial fieldset{ border: 2px solid #DD2B31; padding: 5px 30px 10px}
#testimonial legend{padding-left: 15px; padding-right: 15px; width: auto; color: #DD2B31; text-align: center;}
#testimonial legend i{font-size: 50px}
#testimonial .item{font-size: 16px; color: #d9d9d9; font-style: italic;line-height: 24px; text-align: center}
#testimonial .item .img-author{width: auto; margin: 10px auto 10px}
#testimonial .item .title-author{width: auto; margin: 0 auto; font-style: initial}

.whytous{padding: 30px 0}
.whytous .block-title{ background: none; padding-left: 0; border-bottom: none; color: #dd2b31; text-transform: uppercase; text-align: center;}
.whytous .block-title h2{ margin: 0 auto; width: 100%;color: #dd2b31}
.imgwrap{ display: inline-block; background-color: #E9B676;line-height: 0; cursor: pointer;margin: 40px 0 20px; padding: 0; border-radius: 0}
.imgwrap img{position: relative;max-width: 160px; margin-top: -30px; z-index: 9999}
.item-img h4{text-transform: uppercase; margin-top: 20px}
#hexagon { width: 170px; height: 100px; background: #E9B676; position: relative}
#hexagon:before { content: ""; position: absolute; top: -45px; left: 0; width: 0; height: 0; border-left: 85px solid transparent; border-right: 85px solid transparent; border-bottom: 45px solid #E9B676}
#hexagon:after { content: ""; position: absolute; bottom: -45px; left: 0; width: 0; height: 0; border-left: 85px solid transparent; border-right: 85px solid transparent; border-top: 45px solid #E9B676}

#footer{background: url(images/bg-footer.png) no-repeat center center; background-size: cover; position: relative}
#footer .overlay{background: rgba(255, 255, 255, 0.8)}
.footer{background: url(images/vg4.png) no-repeat center center; background-size: cover; padding: 40px 30px 30px; position: relative; border-radius: 0 0 20px 20px}
.title-block-ft{color: #dd2b31; text-transform: uppercase; border-bottom: 1px solid #dd2b31; display: block; padding-bottom: 10px; margin-bottom: 10px;}
.footer a, .footer p{color: #fff; line-height: 24px; font-size: 16px}
.footer p{margin-bottom: 10px}
.footer .widget_nav_menu li:before{content:'\f101'; font-family: 'FontAwesome'; float: left; margin-right: 3px; color: #fff}

.copyright{padding: 10px 0}

.scrollTo {width: 47px; height: 47px; display: block; text-align: center; line-height: 47px; right: 7%; z-index: 1; cursor: pointer; background: #dd2b31; position: fixed; bottom: 10%; opacity: 0; visibility: hidden; color: #fff; }
.scrollTo.show {opacity: 1; visibility: visible; }
.show {display: block!important; }
.thumb-full{display: none}
/*.atip{width: 310px}*/
.atip img{ float: left; width: auto; height: 550px}

#content-archive, #content-category, .post-related, #content-single{margin: 30px 0 20px}

.wp-pagenavi {float: right; margin-bottom: 20px; width: 100%}
.wp-pagenavi a, .wp-pagenavi span {background-color: #EBEBEB; color: #999; border-radius: 3px; display: inline-block; line-height: 40px; padding: 0 16px; margin: 0 2px; }
.wp-pagenavi .current {background-color: #dd2b31; border-color: #dd2b31; color: #fff}

#sidebar{ margin: 30px 0 20px}
#sidebar .widget-sidebar + .widget-sidebar{margin-top:30px}
#sidebar .widget-title{-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-color: #dd2b31; line-height: 49px; padding: 0 15px; color: #fff; text-transform: uppercase; font-weight: 700}
#sidebar .widget_nav_menu ul {
    background-color: #EDD2AC;
    padding-left: 0;
}
#sidebar .widget_nav_menu ul li{position: relative}
#sidebar .widget_nav_menu .sub-menu{display: none}
#sidebar .widget_nav_menu ul li.active .sub-menu{display: block}
#sidebar .widget_nav_menu ul li a{text-transform: uppercase; color: #cc242a; font-size: 12px; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 15px; display: block;}
#sidebar .widget_nav_menu ul li a:before{content:''; width: 15px; height: 15px; background: url(images/icon-arrow.png); float: left;margin-right: 8px; margin-top: 2px}
#sidebar .widget_nav_menu ul li span.fa{float: right; line-height: 53px; color: #999; font-size: 20px; cursor: pointer; position: absolute;top: 0;right: 0;width: 45px;text-align: center}
#sidebar .widget_nav_menu ul li .sub-menu{border-bottom: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5)}
#sidebar .widget_nav_menu ul li .sub-menu .color a{color: #cc242a}
#sidebar .widget_nav_menu ul li .sub-menu li a{border-bottom: none; padding: 5px 15px 5px 30px; color: #222}
#sidebar .widget_nav_menu ul li .sub-menu li a:before{ background: none; content:'\f101'; font-family: 'FontAwesome'; float: left; width: auto; height: auto;}
#sidebar .recently-products{ background-color: #EDD2AC; padding: 15px;}
#sidebar .recently-products li{ border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 10px; margin-bottom: 15px}
#sidebar .recently-products li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none}
#sidebar .recently-products li a{display: block}
#sidebar .recently-products li img{ float: left; margin-right: 10px}
#sidebar .recently-products del .amount{color: #999}
#sidebar .recently-products ins .amount{ font-weight: 700; color: #DD2B31}

.product-thumbnail .large-thumbnail{padding: 30px 0;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 10px}
.product-thumbnail .small-thumbnail .bg{padding: 5px 0}
.product-thumbnail .small-thumbnail .thumbnail{margin-bottom: 0}
.product-thumbnail .owl-carousel .owl-item img{width: auto; margin: 0 auto}
.product-thumbnail .bg-single{ padding: 10px 0; background-color: #fff; text-align: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}

.product-info .product-title{color: #fff; font-size: 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 20px; margin-bottom: 20px}
.product-info .product-attr{border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 20px; margin-bottom: 20px}
.product-info .product-attr p.attr-title{font-size: 18px; color: #cb2429}
.product-info .product-attr p.attr-title span{color: #fff; text-transform: inherit}
.product-info .price{color: #DD2B31; font-size: 24px; margin-bottom: 20px}
.product-info .price .old-price{color: rgba(255,255,255,.5); font-size: 18px}
.product-info .exp-product{color: #fff; font-size: 16px}
.product-info .form-cart{margin: 20px 0 0}
.product-info button.add-to-cart{ background-color: #DD2B31; color: #fff; text-transform: uppercase; font-size: 17px; padding: 10px 35px;}
.product-info .price-contact{background-color: #DD2B31; color: #fff; text-transform: uppercase; font-size: 17px; padding: 10px 35px; margin: 30px 0; display: inline-block; border-radius: 4px;}
.product-info .product_meta{color: #cb2429; font-size: 16px; font-weight: 700}
.product-info .product_meta a{color: #fff; font-weight: normal; text-transform: none}
a.multiple:after{content:', ';}
a.multiple:last-child:after{content:'';}

.product-detail{margin-top: 20px}
.product-detail .tab-title{color: #222; padding: 0 50px; background-color: #fff; line-height: 45px;-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; display: inline-block}
.product-detail .product-content{background-color: #fff; padding: 30px}
.product-detail .product-content p, .post-detail .post-content p{margin-bottom: 10px;font-size: 16px; color: #999}
.product-related{margin-top: 30px}
.product-related .page-title{font-size: 18px; text-transform: uppercase; color: #fff; line-height: 35px;}

.list-post article, .post-detail{background-color: #fff;border: 1px solid #e9e9e9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;padding: 20px 15px; margin-bottom: 30px}
.list-post .post-thumbnail{float: left; margin-right: 30px}
.list-post .post-title{font-size: 18px; color: #222; margin-bottom: 15px}
.list-post .post-excerpt{font-size: 16px; color: #999; margin-bottom: 15px}
.list-post .readmore{color: #dd2b31; font-size: 16px}

.post-detail{margin-bottom: 0}
.post-detail .entry-header{border-bottom: 1px solid #F0F0F0; padding-bottom: 15px; margin-bottom: 15px}
.post-detail .entry-title{font-size: 18px; color: #222}
.post-detail .entry-date{color: #d1272c}
.entry-metadata{color: #d1272c; font-size: 16px;background: #f1f1f1; padding: 5px 10px; margin: 5px 0;}
.entry-metadata a{color: #222}
.page .post-detail{margin-bottom: 40px}
.page-template-tpl-contact .post-content iframe{width: 100%}

table {width: 100%;border-collapse: collapse}
table th{text-align: center; text-transform: uppercase; padding: 10px}
td, td img{vertical-align: middle}
#shopping-cart .delete {display: inline-block; text-align: center; width: 24px; height: 24px; border: 1px solid #333; cursor: pointer;}
#shopping-cart .delete i{color: red}
#shopping-cart .thumbnail {display: inline-block; vertical-align: middle; margin: 5px 0; border-radius: 0;border: none}
#shopping-cart input[type='number'] {width: 70px; margin-bottom: 0;line-height: 30px; padding-right: 0}
.action-form{margin: 15px 0 0}
.action-form a{ background-color: #0184D3; color: #fff; line-height: 42px; padding: 0 15px;}
.action-form a.reset-cart{margin-left: 10px}
.action-form input[type="submit"]{width: auto}
.checkout_block{margin-top: 30px}
form[name="checkout"] input{margin-bottom: 10px}


.list-post-related, .description-category{background-color: #fff;border: 1px solid #e9e9e9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;padding: 23px 25px; margin-bottom: 30px}
.list-post-related li{list-style-type: disc; float: left;width: 100%}
.list-post-related li+li{margin-top: 10px}
.list-post-related li a{color: #222; font-size: 16px; text-transform: none}
.description-category{font-size: 16px; color: #999}

.breadcrumb{margin-bottom: 0; border-radius: 0 0 6px 6px; background-color: rgba(255, 255, 255, 0.5)}
.breadcrumb .breadcrumb_last{color: #DD2B31}

ul.support-online{ background-color: rgba(255, 255, 255, 0.3); padding: 15px}
ul.support-online li + li{margin-top: 15px}
ul.support-online li:before{ content: '\f007'; font-family: 'FontAwesome'; float: left; line-height: 105px; background: #D42328; color: #fff; padding: 0 5px; margin-right: 10px;}
ul.support-online .title-sp{color: #D42328} 
ul.support-online .number-sp{font-size: 16px} 
ul.support-online .social, ul.support-online .social a{color: #23527c} 

span.wpcf7-not-valid-tip{display: none}
input.wpcf7-not-valid{border: 1px solid red}
div.wpcf7-validation-errors{margin: 1em 0}

/*Call*/
.ew-alo-phone {position: fixed; right: 200px; bottom: 75%; z-index: 9999}
.ew-alo-ph-circle {width: 160px; height: 160px; top: 20px; left: 20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); border: 2px solid #48A5D4 9; opacity: .1; -webkit-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-phone.ew-alo-active .ew-alo-ph-circle {-webkit-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -moz-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -ms-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -o-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-circle {-webkit-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -moz-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -ms-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -o-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone:hover .ew-alo-ph-circle {border-color: #309ACF; opacity: .5 }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle {border-color: #FDAA38; border-color: #ffc272 9; opacity: .5 }
.ew-alo-phone.ew-alo-green .ew-alo-ph-circle {border-color: #309ACF; border-color: #48A5D4 9; opacity: .5 }
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle {border-color: #ccc; opacity: .5 }
.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle {border-color: #FDAA38; opacity: .5 }
.ew-alo-ph-circle-fill {width: 100px; height: 100px; top: 50px; left: 50px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-phone.ew-alo-active .ew-alo-ph-circle-fill {-webkit-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -moz-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -ms-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -o-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-circle-fill {-webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone:hover .ew-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #309ACF 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); background-color: #ffc272 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-green .ew-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #a6e3fa 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle-fill {background-color: rgba(204, 204, 204, 0.5); background-color: #ccc 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); opacity: .75 !important }
.ew-alo-ph-img-circle {width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1) url("images/jIfeFOA.png") no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-phone.ew-alo-active .ew-alo-ph-img-circle {-webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-img-circle {-webkit-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -moz-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -ms-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -o-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone:hover .ew-alo-ph-img-circle {background-color: #309ACF }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone.ew-alo-green:hover .ew-alo-ph-img-circle {background-color: #FDAA38; background-color: #FDAA38 9 }
.ew-alo-phone.ew-alo-green .ew-alo-ph-img-circle {background-color: #309ACF; background-color: #309ACF 9 }
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-img-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-img-circle {background-color: #ccc }
 .ew-alo-phone.ew-alo-gray .ew-alo-ph-img-circle {background-color: #FDAA38 }
@-moz-keyframes ew-alo-circle-anim {
	0% {-moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 }
	30% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 }
	100% {-moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 }
}
@-webkit-keyframes ew-alo-circle-anim {
	0% {-webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }
 	30% {-webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@-o-keyframes ew-alo-circle-anim {
	0% {-o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 }
	30% {-o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 }
	100% {-o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 }
}
@-moz-keyframes ew-alo-circle-fill-anim {
	0% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% {-moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 }
	100% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes ew-alo-circle-fill-anim {
	0% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes ew-alo-circle-fill-anim {
	0% {-o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% {-o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% {-o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes ew-alo-circle-img-anim {
	0% {transform: rotate(0) scale(1) skew(1deg) }
	10% {-moz-transform: rotate(-25deg) scale(1) skew(1deg) }
	20% {-moz-transform: rotate(25deg) scale(1) skew(1deg) }
	30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg) }
	40% {-moz-transform: rotate(25deg) scale(1) skew(1deg) }
	50% {-moz-transform: rotate(0) scale(1) skew(1deg) }
	100% {-moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes ew-alo-circle-img-anim {
	0% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes ew-alo-circle-img-anim {
	0% {-o-transform: rotate(0) scale(1) skew(1deg) }
	10% {-o-transform: rotate(-25deg) scale(1) skew(1deg) }
	20% {-o-transform: rotate(25deg) scale(1) skew(1deg) }
	30% {-o-transform: rotate(-25deg) scale(1) skew(1deg) }
	40% {-o-transform: rotate(25deg) scale(1) skew(1deg) }
	50% {-o-transform: rotate(0) scale(1) skew(1deg) }
	100% {-o-transform: rotate(0) scale(1) skew(1deg) }
}

.show-products .col-md-4:nth-child(3n+1){clear: both}
.show-products .col-md-3:nth-child(4n+1){clear: both}

@media screen and (max-width: 1200px){
	.wapper-mobile {position: relative; padding: 10px 0}
	.wapper-mobile {display: table; }
	.wapper-mobile > * {display: table-cell; float: none; vertical-align: middle; }
	.wapper-mobile .navbar-toggle {display: table-cell; }
	.navbar-toggle {padding-left: 0; }
	.off-canvas-toggle .icon-bar {background-color: #38578F; }
	#logoMobile {position: absolute; left: 50%; margin-left: -22px; top: 10px }
	#logoMobile img {max-height: 50px; }
	.search-mobile a.icon-search {float: right; }
	.search-mobile i {font-size: 22px; color: #38578F; cursor: pointer; }
	.wrap-search {height: 0; overflow: hidden; transition: all .25s ease-out; -webkit-transition: all .25s ease-out; background: #222; float: left; width: 100%; }
	.wrap-search .input-group input[type="text"] {background: #222; border: none; outline: none; box-shadow: none; -webkit-box-shadow: none; color: #fff; font-size: 14px; padding: 0; border-radius: 0; height: 45px; }
	.wrap-search button {background-color: transparent; border: none; box-shadow: none; }
	.wrap-search button .fa {color: #999; font-size: 22px; margin-top: 10px; outline: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	.search-active {display: block; height: 45px!important; transition: all .25s ease-out; -webkit-transition: all .25s ease-out; }
}
@media screen and (max-width: 1024px){
	.imgcate{display: none}
	.infocate{width: 100%}
	.best-cate .cate-item{padding: 0 0 10px 15px}
	.best-cate .col-xs-12:nth-child(2) .cate-item{padding: 0 0 10px}
	.best-cate .col-xs-12:nth-child(3) .cate-item { padding: 0 15px 10px 0;}
}
@media screen and (max-width: 800px){
	.block-title ul{display: none}
	#mystickytooltip{display: none!important}
	.block-title label{display: block}
	.list-news li, .list-news li:first-child{width: 100%}
	.list-news li:first-child .post-info{display: block}
	.list-news li .thumbnail, .list-news li .exp-post, .list-news li .readmore{display: none}
	.list-news li:first-child{ margin-right: 0; border-bottom: 1px solid #e9e9e9; margin-bottom: 15px; padding-bottom: 15px;}
	.item-img{margin-bottom: 15px}
	.item-img:nth-child(3){clear: both}
	.item-img:nth-child(3), .item-img:nth-child(4){margin-bottom: 0}
	.footer{padding-bottom: 15px}
	.box_footer{margin-bottom: 15px}
	.box_footer:nth-child(2n+1){clear: both}
	.ew-alo-phone{ right: 0; left: 0px; bottom: 30%;}
	.show-products .col-md-4:nth-child(3n+1){clear: inherit}
	.show-products .col-md-4:nth-child(2n+1){clear: both}
	.show-products .col-md-3:nth-child(2n+1){clear: both}
	.product-thumbnail{margin-bottom: 30px}
}
@media screen and (max-width: 600px){
	.register-form{margin-bottom: 30px}
	.show-products .product {
		min-height: auto !important;
	}
}
@media screen and (max-width: 480px){
	.action-form .continue-shopping, .action-form .reset-cart{width: 49%; padding: 0; text-align: center}
	.action-form .reset-cart{margin-left: 2%!important}
	.update-cart2{width: 100%!important}
}
@media screen and (max-width: 414px) {
    .show-products .product{min-height: 410px}
    .custom-tpl .product {min-height: 230px!important}
}
@media screen and (max-width: 360px) {
    .show-products .product{min-height: 380px}
}
@media screen and (max-width: 375px) {
    .show-products .product{min-height: 370px}
}
@media screen and (max-width: 320px){
	.ew-xs-12{width: 100%}
	.section-testimonial{padding: 10px 0}
	#testimonial .img-author{display: none}
	#hexagon{ width: 130px}
	#hexagon:before{ top: -25px;border-left: 65px solid transparent; border-right: 65px solid transparent; border-bottom: 25px solid #E9B676}
	.imgwrap img{max-width: 120px; margin-top: -10px;}
	#hexagon:after{bottom: -25px; border-left: 65px solid transparent; border-right: 65px solid transparent; border-top: 25px solid #E9B676;}
}

.pagination {
    color: #333;
    font-size: 15px;
    width: 100%;
    float: left;
    text-align: center;
    background-color: #F4F3F3;
    padding: 4px 0;
}
.pagination .page-numbers.current {
    font-weight: bold;
    padding: 5px 9px;
    border-top: 2px solid blue;
    margin-top: -2px;
}
.pagination a.page-numbers {
    color: #333;
    font-weight: bold;
    padding: 5px 9px;
}
.pagination a {
    margin-right: 10px;
    display: inline-block;
    color: blue;
}
.pagination .next {
    padding: 0 12px;
    margin-left: 10px;
}
/*Extra css*/
.secondary-menu ul {
	padding-top:12px
}
.secondary-menu li {
	width:160px;
	background:url(images/m1.png) no-repeat center top;
	height:120px;
	text-align:center;
	float:left
}
.secondary-menu li.lir {
	float:right
}
.secondary-menu li:hover {
	background:url(images/m2.png) no-repeat center top
}
.secondary-menu li a {
	padding-top:55px;
	display:block;
	font-family:'Roboto',sans-serif;
	font-weight:700;
	font-size:16px
}
.secondary-menu li a:hover {
    color: #D42328;
	text-decoration:none
}
.secondary-menu li.logo {
	position:absolute;
	left:50%;
	margin-left:-108px;
	top:0;
	margin-top:-82px;
	width:auto;
	background:none
}
.ongkinh .icon {
	background:none;
	cursor:pointer;
	width:220px;
	height:220px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	transform:translateZ(0px);
	-webkit-transform:translateZ(0px);
	-moz-transform:translateZ(0px);
	-ms-transform:translateZ(0px);
	-o-transform:translateZ(0px)
}
.ongkinh .icon,.ongkinh .icon:before,.ongkinh .icon:after,.ongkinh .icon .thumb-ft,.ongkinh .icon .thumb-ft img {
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	transition:all 300ms linear 0s;
	-webkit-transition:all 300ms linear 0s;
	-moz-transition:all 300ms linear 0s;
	-ms-transition:all 300ms linear 0s;
	-o-transition:all 300ms linear 0s
}
.ongkinh .icon:before,.ongkinh .icon:after {
	content:"";
	height:inherit;
	left:0;
	position:absolute;
	top:0;
	width:inherit;
	box-shadow:131px 0 0 rgba(255,255,255,0.01) inset,0 131px 0 rgba(255,255,255,0.01) inset,-131px 0 0 rgba(255,255,255,0.01) inset,0 -131px 0 rgba(255,255,255,0.01) inset;
	-webkit-box-shadow:131px 0 0 rgba(255,255,255,0.01) inset,0 131px 0 rgba(255,255,255,0.01) inset,-131px 0 0 rgba(255,255,255,0.01) inset,0 -131px 0 rgba(255,255,255,0.01) inset;
	-moz-box-shadow:131px 0 0 rgba(255,255,255,0.01) inset,0 131px 0 rgba(255,255,255,0.01) inset,-131px 0 0 rgba(255,255,255,0.01) inset,0 -131px 0 rgba(255,255,255,0.01) inset;
	-ms-box-shadow:131px 0 0 rgba(255,255,255,0.01) inset,0 131px 0 rgba(255,255,255,0.01) inset,-131px 0 0 rgba(255,255,255,0.01) inset,0 -131px 0 rgba(255,255,255,0.01) inset;
	-o-box-shadow:131px 0 0 rgba(255,255,255,0.01) inset,0 131px 0 rgba(255,255,255,0.01) inset,-131px 0 0 rgba(255,255,255,0.01) inset,0 -131px 0 rgba(255,255,255,0.01) inset
}
.ongkinh .icon .thumb-ft {
	bottom:0;
	display:inline-block;
	font-size:30px;
	height:210px;
	line-height:210px;
	width:210px;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	transform:scale(1) rotate(0deg) translate(0px);
	-webkit-transform:scale(1) rotate(0deg) translate(0px);
	-moz-transform:scale(1) rotate(0deg) translate(0px);
	-ms-transform:scale(1) rotate(0deg) translate(0px);
	-o-transform:scale(1) rotate(0deg) translate(0px)
}
.ongkinh:hover .icon:before,.ongkinh:hover .icon:after {
	box-shadow:5px 0 0 rgba(255,0,0,0.5) inset,0 5px 0 rgba(252,150,0,0.5) inset,-5px 0 0 rgba(0,255,0,0.5) inset,0 -5px 0 rgba(0,150,255,0.5) inset;
	-webkit-box-shadow:5px 0 0 rgba(255,0,0,0.5) inset,0 5px 0 rgba(252,150,0,0.5) inset,-5px 0 0 rgba(0,255,0,0.5) inset,0 -5px 0 rgba(0,150,255,0.5) inset;
	-moz-box-shadow:5px 0 0 rgba(255,0,0,0.5) inset,0 5px 0 rgba(252,150,0,0.5) inset,-5px 0 0 rgba(0,255,0,0.5) inset,0 -5px 0 rgba(0,150,255,0.5) inset;
	-ms-box-shadow:5px 0 0 rgba(255,0,0,0.5) inset,0 5px 0 rgba(252,150,0,0.5) inset,-5px 0 0 rgba(0,255,0,0.5) inset,0 -5px 0 rgba(0,150,255,0.5) inset;
	-o-box-shadow:5px 0 0 rgba(255,0,0,0.5) inset,0 5px 0 rgba(252,150,0,0.5) inset,-5px 0 0 rgba(0,255,0,0.5) inset,0 -5px 0 rgba(0,150,255,0.5) inset
}
.ongkinh:hover .icon .thumb-ft {
	transform:scale(1.1) rotate(0deg) translate(0px);
	-webkit-transform:scale(1.1) rotate(0deg) translate(0px);
	-moz-transform:scale(1.1) rotate(0deg) translate(0px);
	-ms-transform:scale(1.1) rotate(0deg) translate(0px);
	-o-transform:scale(1.1) rotate(0deg) translate(0px)
}
#thuong-hieu h3 {
	font-size:22px;
	font-weight:700;
	margin-top:10px
}
#thuong-hieu h3 span {
	font-weight:400;
	font-size:18px
}
.section_about {
	background:url(images/ic9.gif) no-repeat center top;
	padding-top:40px;
	margin-top:20px;
    text-align: center;
}
.section_about .title-section:before,.section_about .title-section:after {
	height:0
}
.section_best_category,.section_st,.section_selling,.section_posts_cate,.section_news {
	text-align:left
}
.section_best_category,.section_selling,.section_news {
	background:#F2F2F2
}
.wrapper_section .title-section {
    margin: 20px 0;
    position: relative;
    font-size: 20px;
    display: block;
}.wrapper_section .title-section span {
    color: #D42328;
}




@media screen and (max-width:1024px) {
	.secondary-menu li {
		width:120px
	}
	.main-menu li {
		padding:0 15px
	}
	.main-menu li.search form input[type='text'] {
		width:150px
	}
	#footer .col-lg-3:nth-child(3) {
		clear:both
	}
	.best-cate-item img {
		width:100%;
		height:auto
	}
	.best-cate-item .dl p {
		line-height:16px
	}
}
@media screen and (max-width:800px) {
	.secondary-menu li {
		width:90px
	}
	nav.secondary-menu.container, .secondary-menu ul {
    	padding-top: 0px;
	}
	.thuonghieu-item {
		margin-bottom:10px
	}
	.secondary-menu li,.top_contact {
		display:none
	}
	#thuong-hieu .col-xs-6:nth-child(2n+1) {
		clear:both
	}
}
@media screen and (max-width:600px) {
	.ongkinh .icon {
		width:170px;
		height:170px
	}
	.ongkinh .icon .thumb-ft {
		height:160px;
		line-height:160px;
		width:160px
	}
}
@media screen and (max-width:568px) {
	.ongkinh .icon {
		width:165px;
		height:165px
	}
	.ongkinh .icon .thumb-ft {
		height:165px;
		line-height:165px;
		width:165px;
		margin:0
	}
}
@media screen and (max-width:480px) {
	.secondary-menu li.logo {
		display:none
	}
	#thuong-hieu .col-lg-3 {
		width:50%
	}
}
@media screen and (max-width:390px) {
	#thuong-hieu .col-lg-3:nth-child(3) {
		clear:both
	}
	#thuong-hieu h3 {
		font-size:18px
	}
	#thuong-hieu h3 span {

		font-size:16px
	}
}
@media screen and (max-width:320px) {
	#thuong-hieu .col-xs-6:nth-child(3) .thuonghieu-item {
		margin-bottom:30px
	}
	.ongkinh .icon {
		width:130px;
		height:130px
	}
	.ongkinh .icon .thumb-ft {
		width:130px;
		height:130px;
		line-height: 130px
	}
}
.menu-btn-bottom{
display:none
}
@media screen and (max-width: 650px){
.sdt-fixed a{
	color:yellow; font-weight: 600;
}
.menu-btn-bottom{
    padding: 4px 3px;
    margin-bottom: 0px;
    color: #F5FF00;
    float: left;
    cursor: pointer;
	display: block
}
div.menu-btn-bottom span {  
    position: relative;
    font-size: 22px;
    letter-spacing: -0.6px;
    font-family: Roboto, Arial, sans-serif;
    color: #F5FF00!important;
    top: 6px;;
    left: -4px;
}

.menu-btn.nodis.menu-mobi-right img {
	width: 31px;
    height: 31px;
}
.menu-btn.nodis.menu-mobi-right span {
    margin-left: -5px;
    font-size: 24px;
    letter-spacing: -0.9px; 
}
.menu-btn{
    padding: 0px 7px;
    margin-top: 2px;
    color: #fff;
    float: right;
    font-size: 20px;
    font-weight: 600;
    font-family: Roboto, Arial, sans-serif;
    text-align: center;
    cursor: pointer;
}

div.menu-btn span {
position: relative;
top: 3px;
}
.menu-btn:hover{
	background: #00b4ff;
	color: #FFF;
}
.menu-mobi-bottom {
width: 100%;
position: fixed;
bottom: -1px;
left: 0px;
background: #2A9700;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #30AD00), to(#2A9700));
background: -webkit-linear-gradient(top, #30AD00, #2A9700);
background: -moz-linear-gradient(top, #30AD00, #2A9700);
background: -ms-linear-gradient(top, #30AD00, #2A9700);
background: -o-linear-gradient(top, #30AD00, #2A9700);
height: 46px;
z-index: 999999;
clear: both;
border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}
.menu-mobi-main {
width: 100%;  
position: fixed;
top: 0;
left:0px;
background: #2A9700;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #30AD00), to(#2A9700));
background: -webkit-linear-gradient(top, #30AD00, #2A9700);
background: -moz-linear-gradient(top, #30AD00, #2A9700);
background: -ms-linear-gradient(top, #30AD00, #2A9700);
background: -o-linear-gradient(top, #30AD00, #2A9700);
height: 46px;
z-index: 999999;
clear: both;
border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}
.ew-alo-show {
display:none
}
}.best-cate .col-sm-3:last-child {
	background:none;
}input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background:none !important;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    width: 100%;
	max-height: 170px;
}