/*
Theme Name: KenIT - KenShop
Description: Dự án được phát triển bởi kenit
Theme URI: https://theme.kenit.net
Author: Trần Hữu Hào
Author URI: https://www.kenit.net
Version: 2017
Text Domain: kenit
*/

/*
======================================
[ Body - Fontface ]
======================================
*/
@font-face { font-family: 'Segoe-Ui-Semibold'; src: url('assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.eot'); /* IE9 Compat Modes */ src: url('assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.ttf')  format('truetype'), /* Safari, Android, iOS */
url('assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.svg#Segoe-Ui-Semibold') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; }
@font-face { font-family: 'UTM-Avo-Bold'; src: url('assets/fonts/Avo/UTM-Avo-Bold.eot'); src: url('assets/fonts/Avo/UTM-Avo-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Avo/UTM-Avo-Bold.woff') format('woff'), url('assets/fonts/Avo/UTM-Avo-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
body { font-family: Tahoma, Verdana, Geneva; font-size: 15px; background: #eee; }
a, a:focus, a:hover { text-decoration: none; outline: 0; }

/*
======================================
[ Header ]
======================================
*/
.header { color: #fff; background: #fff; position: relative; padding: 10px 0; }

/*Animation*/
@-webkit-keyframes "headerAnimation" {
	0% { margin-top: -70px; }
	100% { margin-top: 0; }
}
@keyframes "headerAnimation" {
	0% { margin-top: -70px; }
	100% { margin-top: 0; }
}
.search-form .btn-input { line-height: 24px; border-radius: 0;     background-color: #ec3237; border: 0; color; color: #ffff; transform: uppercase; font-size: 14px; }
.search-form input.form-control { height: 36px; border-radius: 0; background: #7f3035; }
.search-form .form-control { border: 0; color: #fff; }
.search-form .form-group { margin: 0; }
.search-form { margin: 0 0 10px; }
.header-col span.total-cart { position: absolute; top: 10px; color: #fff; right: 0; background-color: #ec3237; border-radius: 100%; height: 20px; width: 20px; text-align: center; line-height: 19px; font-weight: 600; font-size: 11px; left: 0; margin: 0 auto; }
.header--cart i { font-size: 30px; color: #7f3035; }
.header--cart { position: relative; text-align: center;}
.logo {margin-bottom: 0;margin-top: 0; transition: all 0.3s;}

/*
======================================
[ Menu ]
======================================
*/
nav.menu-primary { position: relative; }
nav.menu-primary { font-size: 14px; text-transform: uppercase; background: #7f3035;}
nav.menu-primary ul { list-style: none; margin-bottom: 0; }
nav.menu-primary >ul >li { position: relative; display: block; float: left; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; width: auto; text-align: center; }
nav.menu-primary>ul>li:last-child { border: none; }
nav.menu-primary>ul>li>a { color: #fff; text-decoration: none; padding: 10px 20px; display: block; }
nav.menu-primary>ul>li:hover >a, nav.menu-primary>ul>li.current-menu-item >a { color: #fff; }
nav.menu-primary>ul>li>a:after { background: transparent; content: ''; width: 0; height: 3px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -o-transition: width 0.2s ease; transition: width 0.2s ease; }
nav.menu-primary>ul>li:hover >a:after, nav.menu-primary ul li.current-menu-item >a:after { background-color: #d60200; width: 100%; }
nav.menu-primary >ul >li:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
nav.menu-primary >ul >li:hover:before, nav.menu-primary >ul >li.current-menu-item:before { /*background: #f5f5f5;*/ -webkit-transform: scaleX(1); transform: scaleX(1); }
.menu-primary >ul >li >ul.sub-menu { display: none; width: 200px; position: absolute; z-index: 9; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; padding: 0; margin: 0; }
.menu-primary ul.sub-menu {     background-color: #ec3237; }
.menu-primary ul.sub-menu li { padding: 10px; border-bottom: 1px solid #ec3237; text-align: left; position: relative; }
.menu-primary ul.sub-menu li:last-child { border: none; }
.menu-primary ul.sub-menu li a { color: #fff; text-transform: uppercase; font-weight: bold; }
.menu-primary ul.sub-menu li:hover >a { color: #fff600; }
.menu-primary ul li.menu-item-has-children:hover >ul.sub-menu { display: block; }
.menu-primary ul.sub-menu li > ul { left: 200px; top: 0; width: 200px; display: none; position: absolute; z-index: 99999; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
nav.menu-primary ul li.hot >a:before { content: "Hot"; font-size: 10px; position: absolute; top: 0; right: 0; background: #d40736; color: #fff; padding: 2px 5px; }
nav.menu-primary ul li.hot:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #d40736 transparent transparent transparent; position: absolute; top: 18px; right: 8px; }

/*
======================================
[ Menu Mobi ]
======================================
*/
.menu-responsive { background: #444; top: 0; height: 100%; position: fixed; width: 300px; z-index: 999; overflow: auto; display: none; transition: all 0.2s ease-out; left: 0; }
.menu-icon { position: absolute; right: 10px; z-index: 999; -webkit-animation-duration: .60s; animation-duration: .60s; -webkit-animation-fill-mode: both; animation-fill-mode: both; transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000); top: 50%; transform: translateY(-50%); width: 48px; height: 44px; }
.menu-icon span { position: absolute; top: 10px; color: #444; }
.menu-close { cursor: pointer; background: #333; color: #ffffff; overflow: hidden; font-size: 14px; text-align: right; }
.menu-close i { padding: 10px 15px; background: rgba(0, 0, 0, 0.23); font-size: 30px; }
.menu-close span { float: left; text-transform: uppercase; margin: 15px; }
.menu-open { color: #ffd018; font-family: Arial; font-size: 30px; padding: 0px 10px; text-transform: uppercase; font-weight: bold; overflow: hidden; cursor: pointer; background: #7f3035; text-align: center; }
ul.accordion-responsive { list-style: none; padding: 0; }
ul.accordion-responsive li { border-bottom: 1px solid rgba(255, 255, 255, 0.08); position: relative; }
ul.accordion-responsive li a { color: rgb(255, 255, 255); font-size: 15px; padding: 10px; display: block; }
ul.accordion-responsive li .dcjq-icon:after { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: absolute; right: 0; color: #fff; top: 0; width: 40px; height: 40px; text-align: center; line-height: 3; }
ul.accordion-responsive li .dcjq-icon:after { content: "\f067"; }
ul.accordion-responsive li .dcjq-icon.active:after { content: "\f068"; }
ul.accordion-responsive li ul { list-style: none; padding: 0; }
ul.accordion-responsive li ul >li { padding-left: 20px; }
ul.accordion-responsive li ul >li a:before { font: normal normal normal 14px/1 FontAwesome; content: "\f054"; margin-right: 10px; }
a.btn-my-account { display: block; background: #f58220; color: #fff; text-transform: uppercase; text-align: center; cursor: pointer; position: relative; overflow: hidden; }
a.btn-my-account span { margin-top: 7px; display: inline-block; }
.my-account { position: absolute; z-index: 9999; background: #262626; width: 400px; padding: 20px; display: none; right: 0; }
a.btn-my-account:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f234"; padding: 10px; float: right; background: rgba(0, 0, 0, 0.25); }
.content__container { overflow: hidden; }

/*
======================================
[ Nav Category]
======================================
*/
h2.h2 i { background: #ec3237; font-size: 20px; padding: 10px; width: 40px; height: 40px; text-align: center; margin-right: 10px; }
h2.h2 span:before,h2.h2 a:before { content: ""; border-bottom: 4px solid #ec3237; position: absolute; top: 41px; left: 0; width: 40px; }
h2.h2 span:after,h2.h2 a:after { content: ""; width: 0; height: 0; border-top: 5px solid #ec3237; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 14px; top: 45px; }
h2.h2 { font-size: 25px; text-transform: uppercase; margin: 0 0 10px 0; color: #fff; }
h2.h2 span,h2.h2 a { background: #7f3035; display: block; padding-right: 10px; position: relative; font-size: 15px; white-space: nowrap; color: #fff; }
ul.accordion-taxonomy { background: #7f3035; list-style: none; padding: 0; }
ul.accordion-taxonomy li { border-bottom: 1px solid rgba(255, 255, 255, 0.08); position: relative; }
ul.accordion-taxonomy li a { text-transform: uppercase; color: rgb(255, 255, 255); font-size: 15px; padding: 10px; display: block; }
ul.accordion-taxonomy li .dcjq-icon:after { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: absolute; right: 0; color: #fff; top: 0; width: 40px; height: 40px; text-align: center; line-height: 3; background: rgba(0, 0, 0, 0.18); }
ul.accordion-taxonomy li .dcjq-icon:after { content: "\f067"; }
ul.accordion-taxonomy li .dcjq-icon.active:after { content: "\f068"; }
ul.accordion-taxonomy li ul { list-style: none; padding: 0; }
ul.accordion-taxonomy li ul >li { padding-left: 20px; }
ul.accordion-taxonomy li ul >li a:before { font: normal normal normal 14px/1 FontAwesome; content: "\f054"; margin-right: 10px; }

/*
======================================
[ Banner Slider ]
======================================
*/

/*
======================================
[ Product Style ]
======================================
*/
.product .product-item { position: relative; background: #fff; margin-bottom: 10px; overflow: hidden; text-align: center; }
.product .product-item:hover .info, .product .product-item:hover .product-btn { display: block; }
.product .info { position: absolute; height: 100%; z-index: 99; top: 0; display: none; background: #7f3035; padding: 5px; width: 100%; text-align: justify; font-size: 12px; line-height: 1.8; }
.product .info a { color: #fff; }
.product { position: relative; }
.product-thumbnail { position: relative; }
.product-thumbnail a { color: #fff; }
.product .product-item h3 a.product-title {
	text-transform: uppercase;  color: rgb(64, 62, 62); overflow: hidden; margin: 5px; line-height: 1.6; font-size: 15px;
}
.product .product-item h3{
	margin: 0;
	font-size: 15px;
}
.product-price > span.amount, .product-price > ins span.amount { color: #FF600A; display: block; font-weight: 600; }
.product-price > del span.amount { color: #777; }
.product-price del, .product-price ins { display: inline-block; }
.product-price ins { text-decoration: none; }
.product-price { color: #fe5f17; margin-bottom: 10px; }
.product .info ul { margin: 0; list-style: none; padding: 10px; }
.product .info ul li:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0c6"; margin-right: 10px; color: #f37125; }

/*
======================================
[ Footer ]
======================================
*/
footer.footer h5 { color: #e62117 }
footer.footer .qh-ft-slogan { 
	color: #e62117;
	font-size: 14px;
}
.social { margin-top: 40px; }
footer.footer .social i { font-size: 20px; width: 35px; height: 32px; text-align: center; color: #fff; line-height: 1.6; }
footer.footer .social i.icon-facebook { background: #3b5998 }
footer.footer .social i.icon-google { background: #db4437 }
footer.footer .social i.icon-youtube { background: #e62117 }
footer.footer .social i.icon-instagram { background: #ff2330; }
footer.footer .social i.icon-skype { background: #00aff0 }
footer.footer img {margin-bottom: 10px;margin-top: 40px;}
.developed { background: #fff; color: #444; margin-top: 10px; }
.developed a { color: #ffa90a; }
.developed p { margin-bottom: 5px; }

/*
======================================
[ Heading Title ]
======================================
*/
h2.h2-widget { font-size: 25px; text-transform: uppercase; margin: 0 0 10px 0; color: #fff; }
h2.h2-widget i { background-color: #DD0600; font-size: 20px; padding: 10px; width: 40px; height: 40px; text-align: center; margin-right: 10px; }
h2.h2-widget span:before { content: ""; border-bottom: 4px solid #DD0600; position: absolute; top: 41px; left: 0; width: 40px; }
h2.h2-widget span:after { content: ""; width: 0; height: 0; border-top: 5px solid #DD0600; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 14px; top: 45px; }
h2.h2-widget span { background: #7f3035; display: block; padding-right: 10px; position: relative; font-size: 15px; white-space: nowrap; }
h2.h2-widget a { color: #fff; }
ul.product-category { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; right: 0; }
ul.product-category li { display: inline-block; padding: 10px; }
ul.product-category li a { color: #fff; }
ul.product-category li a:before { content: "\f0c6"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; }

/*
======================================
[ Product Detail ]
======================================
*/
@-webkit-keyframes fa-spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@keyframes fa-spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
.product--info { margin: 10px 0; background: #fff; padding: 10px; }
.product--detail .post-content { padding: 10px; }
.product__button { margin: 10px 0; }
.product__button .product--btn { display: block; text-transform: uppercase; font-size: 15px; vertical-align: middle; text-align: center; overflow: hidden; font-family: 'Segoe-Ui-Semibold'; }
.product__button .product--call {background: #7f3035; color: #ffcf00;}
.product__button .product--btn i { float: left; background: rgba(0, 0, 0, 0.2); width: 70px; font-size: 30px; padding: 10px; }
.product__button .product--btn i:before { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; }
.product__button .product--call i:before { content: "\f291"; }
.product__button .add_to_cart_button i:before { content: "\f290"; }
.product__button .loading i:before { content: "\f021"; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.product__button .added i:before { content: "\f00c"; }
.product__button .product--order {    background: #ec3237; color: #ffcf00;}
.product__button .product--btn b { text-transform: none; font-size: 15px; display: block; }
.product__button .product--btn span { margin: 10px 0 0; display: block; }
.product__info { background: #eeeeee; border: 1px solid #eee; margin: 10px 0; }
.product__info i { font-size: 25px; width: 50px; text-align: center; color: #f68722; float: left; }
.product__info p { overflow: hidden; line-height: 2; margin: 0; padding: 5px; }
.product-meta { border: 1px solid #eee; background: #eeeeee; padding: 10px; color: #EF5A28; margin: 20px 0; }
.post-meta { padding: 5px; background: #f5f5f5; font-size: 13px; font-style: italic; color: #777; margin-bottom: 10px; }
.product-widget-item a { font-size: 14px; color: #444; }
.product-widget-item { border-bottom: 2px solid #eee; padding: 5px; background: #fff; }
ul.product_list_widget { padding: 0; list-style: none; }
ul.product_list_widget img { float: left; width: 100px; height: 100px; margin-right: 10px; }
ul.product_list_widget li { overflow: hidden; padding: 5px; background: #fff; }
ul.product_list_widget li a { font-size: 14px; color: #444; }
ul.product_list_widget li a > span { display: block; }
ul.product_list_widget li > span.amount, ul.product_list_widget li > ins span.amount { color: #FF600A; display: block; font-weight: 600; }
ul.product_list_widget li > del span.amount { color: #777; }
ul.product_list_widget del, ul.product_list_widget ins { display: inline-block; }
ul.product_list_widget ins { text-decoration: none; }
.product--detail { background: #fff; padding: 10px; }

/*
======================================
[ Single ]
======================================
*/
.single-page { background: #fff; padding: 10px; }
.entry-content h2 { font-size: 20px; font-family: 'UTM-Avo-Bold'; line-height: 1.6; }
.entry-content h3 { font-size: 18px; font-family: 'UTM-Avo-Bold'; line-height: 1.6; }
.entry-content strong { font-family: 'UTM-Avo-Bold'; line-height: 1.6; }

/*
======================================
[ Contact Form ]
======================================
*/
.contact-form { position: relative; }
.contact-form .input-group { margin-bottom: 10px; float: left; border: 1px solid #e5e5e5; }
.contact-form .input-group  br { display: none; }
.contact-form .input-group .input-group-addon { border-radius: 0px; border: none; position: relative; padding: 5px 10px; background-color: #fff; }
.contact-form .input-group .input-group-addon i { color: #333333; font-size: 20px; width: 20px; height: 20px; }
.contact-form .input-group .form-control { background-color: rgba(255, 255, 255, 0.5); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #0E0E0E; min-height: 34px; border: none; -webkit-box-shadow: none; box-shadow: none; border-left: 1px solid #e5e5e5; }

/*
======================================
[ Woocommerce Custom ]
======================================
*/

/*
======================================
[ Breadcrumbs ]
======================================
*/
nav.breadcrumbs { color: #ec3237; overflow: hidden; background: #fff; margin-bottom: 10px; }
nav.breadcrumbs > span { padding: 10px; display: block; float: left; }
nav.breadcrumbs a { color: #7f3035; }

/*
======================================
[ Bootstraps Custom ]
======================================
*/
.notice, .btn { border-radius: 0; }
.top-left { top: 0; left: 0; background: #ec2027; }
.top-right { top: 0; right: 0; background: #b2b507; }
.bottom-left { bottom: 0; left: 0; background: #F68722; }
.bottom-right { bottom: 0; right: 0; background: #66b733; }
.notice-info { position: absolute; color: #fff; font-size: 12px; padding: 2px 5px; z-index: 99; }

/*
======================================
[ Modal Popup ]
======================================
*/
.modal-order .form-modal { padding: 20px; background: #f5f5f5; }
.modal-order .modal-content { border-radius: 0px; border: 7px solid #E6E6E6; }
.modal-order .modal-body { padding: 0; }
.modal-order .info-modal { padding: 10px; }
.modal-order .info-modal p span { display: inline-block; height: 35px; width: 35px; background: #ddd; text-align: center; line-height: 35px; border-radius: 50%; border: 1px solid #ccc; font-size: 18px; margin-right: 9px; }
.modal-order .info-modal i.fa.fa-arrow-circle-right { position: absolute; font-size: 44px; color: #F97422; background: #FFFFFF; border-radius: 50%; height: 38px; width: 37px; text-align: center; line-height: 37px; right: -30px; z-index: 5555; top: 50%; transform: translateY(-50%) }
.modal-order .close { opacity: 1; }
.modal-order i.fa.fa-times { height: 30px; width: 30px; background: #D0CFCF; line-height: 30px; border-radius: 50%; color: #7f3035; opacity: 1; position: absolute; right: 1px; top: 1px; z-index: 999; }
.modal-order h4 { text-transform: uppercase; font-size: 16px; color: #444; padding-bottom: 6px; padding: 20px 0 10px; margin: 0; }
@media only screen and (min-width:992px) {
	.modal-order .modal-dialog { width: 1000px; }
}

/*
======================================
[ Slider Video ]
======================================
*/
.owl-video .item a.blog--thumbnail i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; font-size: 45px; color: #E62117; border: 2px solid #fff; width: 50px; height: 50px; margin: 0 auto; border-radius: 50%; background: #fff; }
.owl-video .item a.blog--thumbnail { position: relative; display: block; }
.owl-video .item { background: #fff; padding: 10px; }

/*
======================================
[ Blog Post Style ]
======================================
*/
.blog-item { background: #fff; padding: 10px; margin: 10px 0; }
.blog-item h2{
	font-size: 15px;
	margin: 0;
}
.blog-item a.post-title { color: #c56c1b; font-weight: 600; margin-bottom: 5px; display: block; }
.blog-item .excerpt { color: #555; line-height: 1.6; }
.blog--thumbnail .post-time { position: absolute; top: -27px; left: 0; right: 0; margin: 0 auto; }
.blog-item-meta > span { display: inline-block; font-size: 12px; color: #aaa; margin-top: 10px; }
.blog-item-meta > span i { font-style: normal; width: 30px; display: inline-block; text-align: center; position: relative; color: #fff; margin-left: 10px; font-size: 10px; height: 15px; }
.blog-item-meta > span.view i { background: #f68722; }
.blog-item-meta > span.like i { background: #e62117; }
.blog-item-meta > span.view i:before { border-right: 5px solid #f68722; }
.blog-item-meta > span.like i:before { border-right: 5px solid #e62117; }
.blog-item-meta > span i:before { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); }

/*
======================================
[ Sidebar ]
======================================
*/
h1.h1, h3.h3 { margin-bottom: 20px; font-family: 'UTM-Avo-Bold'; font-size: 25px; position: relative; margin-top: 5px; }
.archive-description { background: #fff; padding: 10px; margin: 20px 0; }

/*
======================================
[ Gallery ]
======================================
*/
.gallery-full { margin-bottom: 10px; }
.gallery-thumbnail .owl-item { border: 2px solid rgba(0, 0, 0, 0); }
.gallery-thumbnail .owl-item.current { border: 2px solid red; }

/*
======================================
[ Share Socical ]
======================================
*/
.share-buttons { margin: 10px 0; }
.share-buttons a { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; height: 40px; width: 40px; font-size: 12px; display: inline-block; text-align: center; line-height: 3.9; }
.share-buttons .facebook { color: #fff; background-color: #305891; border-color: #305891; }
.share-buttons .twitter { color: #fff; background-color: #2ca8d2; border-color: #2ca8d2; }
.share-buttons .googleplus { color: #fff; background-color: #ce4d39; border-color: #ce4d39; }
.share-buttons .pinterest { color: #fff; background-color: #c82828; border-color: #c82828; }
.share-buttons .email { color: #fff; background-color: #E98118; border-color: #E98118; }
.share-buttons .linkedin { color: #fff; background-color: #0077B5; border-color: #0077B5; }

/*
======================================
[ Load more ]
======================================
*/
.kenit-load-more { clear: both; display: block; margin: 0 auto; text-align: center; }
.kenit-load-more a { color: #ffff; height: 100%; display: inline-block; cursor: pointer; font-weight: normal; margin: 15px 0; font-size: 14px; background: #7f3035; padding: 10px 20px; border-radius: 20px; }
.kenit-load-more a:hover { color: #fff; }
.kenit-load-more a.disabled { cursor: no-drop; }
.back-to-top { position: fixed; bottom: 35px; right: 10px; display: none; cursor: pointer; z-index: 99 }
.back-to-top i { background: #7f3035; padding: 5px 10px; color: #ffcf00; font-size: 30px; font-weight: bold; }
.support-online { position: fixed; z-index: 9999; right: 0; bottom: 100px; }
.support-online a { position: relative; margin: 20px 10px; text-align: left; width: 40px; height: 40px; }
.support-online i { width: 40px; height: 40px; background: #43a1f3; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.support-online a span { border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: auto; margin-right: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; right: 100%; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }
.support-online a:hover span { display: block; }
.support-online a { display: block; }
.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgb(103, 182, 52) ; position: absolute; right: -10px; top: 10px; }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0, 175, 242, 0.5); opacity: .75; right: -10px; }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; 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); opacity: .1; border-color: #0089B9; opacity: .5; }
.support-online .btn-support { cursor: pointer; }

/*
======================================
[ Woocommerce Style]
======================================
*/
.woocommerce-message { padding: 5px; margin: 10px 0; background: #f5f5f5; }
.woocommerce-message a { background: #444444; color: #febe10; float: right; padding: 2px 5px; font-size: 12px; }
.processing:before { content: "\f021"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); background: none; font-size: 35px; float: left; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; color: #febe10; position: absolute; bottom: 5px; left: 130px; }
.blockUI:before { content: "\f021"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); background: none; font-size: 35px; float: left; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; color: #febe10; position: absolute; top: 50%; left: 50%; }
.variations tr { display: inline-block; margin-right: 10px; }
.variations label { color: #444; }
.variations select { box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, 0.02); box-sizing: border-box; border: 1px solid #ddd; padding: 0 .75em; max-width: 100%; vertical-align: middle; height: 1.9em; }
.variations a { background: #7f3035; background-color: #febe10; border-color: #febe10; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid; color: #fff; margin-left: 10px; }
.quantity input[type=number] { padding: 5px 10px; border: 1px solid #ffffff; background: #f5f5f5; margin-bottom: 10px; }
.quantity:before { content: "Số lượng:"; }
div.woocommerce a { color: #febe10; }
div.woocommerce h2, div.woocommerce h3, div.woocommerce legend { text-transform: uppercase; font-size: 15px; font-family: Tahoma; color: #febe10; line-height: 1.6; }
div.woocommerce label { font-weight: normal; }
div.woocommerce label.checkbox { padding-left: 20px; }
div.woocommerce table { border: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; }
div.woocommerce table th, div.woocommerce table td { text-align: left; }
div.woocommerce table th { padding: 6px 10px; text-transform: uppercase; border: 1px solid #ededed; font-size: 14px; }
div.woocommerce table td { border: 1px solid #ededed; padding: 6px 10px; }
div.woocommerce table td.product-thumbnail img { width: 50px; height: auto; }
div.woocommerce ul { padding: 0; margin: 0; list-style: none; }
div.woocommerce > input:not([type]), div.woocommerce input[type="email"i], div.woocommerce input[type="number"i], div.woocommerce input[type="password"i], div.woocommerce input[type="tel"i], div.woocommerce input[type="url"i], div.woocommerce input[type="text"i], div.woocommerce textarea, div.woocommerce select { padding: 5px 10px; border: 1px solid #ebebeb; background: #F2F2F2; display: block; width: 100%; }
div.woocommerce .button, div.woocommerce html input[type=button], div.woocommerce input[type=reset], div.woocommerce input[type=submit] { color: #fff; background-color:#ec3237; border-color: #febe10; display: inline-block; padding: 10px 20px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid; position: relative; }
div.woocommerce .button:after { content: "\f0ac"; font-family: 'FontAwesome'; position: absolute; right: -40px; background: #444444; top: 0px; font-size: 20px; color: #febe10; height: 100%; width: 40px; line-height: 2.0; }
div.woocommerce .button:before { position: absolute; right: 0; top: 0px; width: 0; height: 0; content: ''; border-style: solid; border-width: 0 0 40px 20px; border-color: transparent transparent #444444 transparent; }
a.added_to_cart { color: #7f3035; position: absolute; top: 0; right: 0; height: 100%; background: #ffcf00; left: 0; text-align: center; line-height: 4; }
.add-to-cart { position: relative; }
a.added_to_cart:before { content: "\f291"; font-family: 'FontAwesome'; margin-right: 10px; }
.support-fixed { background: #F0F3EF; position: fixed; right: 60px; bottom: 30px; z-index: 999; overflow: hidden; width: 250px; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.support-fixed h3 { text-transform: uppercase; font-weight: bold; font-size: 13px; font-family: Arial; color: #fff; margin: 0; background-color: #3B559F; cursor: pointer; }
.support-fixed i { background-color: #25449C; padding: 15px 15px 12px 15px; color: #fff; }
.online-support { display: none; }
.support-col { background: #fff; padding: 10px; text-align: center; margin-top: 10px; }
.support-col i { display: block; font-size: 20px; background: #ec3237; width: 40px; height: 40px; color: #ffcf00; margin: 11px auto; text-align: center; line-height: 1.9; border-radius: 100%; }
.support-col a { color: #444; }
.support-col a h3{
	font-size: 15px;
	margin: 0;
}

body{
	padding-top: 1px;
}
header.header .row{
	display: flex;
	align-items: center;
}
.logo img{
	width: 200px;
	transition: all 0.3s;
}
.fix-it{
	transition: all 0.3s;
}
.fix-it.scroll-to-fixed-fixed .logo img{
	width: 135px;
}
.main-content{
	margin-top: 15px;
}
.header-col{
	color: #333;
}

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.tags-ft{
	padding: 10px 0;
}
.head-hotline b{
	font-size: 20px;
	color: red;
}

footer.footer .dmca img{
	margin-top: 10px;
	margin-bottom: 0;
}
.sidebar-fix{
	transition: all 0.3s;
}
.sidebar-fix.scroll-to-fixed-fixed{
	background-color: #7f3035;
}
.sidebar-fix.scroll-to-fixed-fixed h2.h2{
	margin-bottom: 0;
}
.sidebar-fix.scroll-to-fixed-fixed nav.menu-taxonomy{
	margin-top: 10px;
}

@media screen  and (min-width: 992px){
	.col-md-6:nth-child(2n+1){
		clear: both;
	}
}
@media screen and (max-width: 991px){
	.siderbar nav.menu-taxonomy{
		display: none;
		max-height: 400px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.siderbar h2.h2 a:before,
	.siderbar h2.h2 a:after{
		display: none;
	}
	.siderbar h2.h2 a.opened:before,
	.siderbar h2.h2 a.opened:after{
		display: block;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	.col-sm-6:nth-child(2n+1){
		clear: both;
	}
}
@media screen and (max-width: 767px){
	.social{
		text-align: center;
	}
}