/*
Theme Name: ABC
Theme URI: http://haravan.com/
Author: Frontend Team Haravan
Author URI: https://haravan.com/
Description: Description Haravan
Version: 1.0
License: GNU General Public License v2 or later
Tags: two-columns, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu
Text Domain: Accent
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,vietnamese,latin-ext);
/* TABLE OF CONTENTS
0.   RESET

1.   BODY 

2.   Layout and Miscellaneous

3.   Header  

4.   Navigation 

5.   Mobile Menu

6.   Breadcrumbs 	

7.   Header Service	

8.   Offer Banners

9.   Shoes and Bags Products List

10.  New & Sale Label 	

11.  Ratings and Price

12.  Carousel

13.  Blog-post

14.  Product View 

15.  Sliders

16.  Sidebar

17.  All Buttons Icons

18.  Category Description

19.  Toolbar 

20.  View Types 

21.  Product Collatera 

22.  Checkout Page 

23.  Dashboard 

24.  Wishlist Table 

25.  Account Login

26.  404 Page

27.  To Top

28.  Footer 

29.  Newsletter POPUP

30.  Global Styles

31.  Global Messages   

32.  Responsive CSS  */

/*============ 0. Reset =============*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family: 'Arial, 'Helvetica Neue', Helvetica, sans-serif', sans-serif !important;;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
/*============ 1. Body ==============*/



/*
@font-face {
font-family: "Fontname";
src: url('//theme.hstatic.net/1000312916/1000653010/14/Fontname.eot?v=163');
src: url('//theme.hstatic.net/1000312916/1000653010/14/Fontname.eot?v=163?#iefix') format('embedded-opentype'), url('//theme.hstatic.net/1000312916/1000653010/14/Fontname.woff?v=163') format('woff'), url('//theme.hstatic.net/1000312916/1000653010/14/Fontname.ttf?v=163') format('truetype'), url('//theme.hstatic.net/1000312916/1000653010/14/Fontname.svg?v=163') format('svg');
font-weight: 400;
font-style: normal
}
*/
@font-face {
	font-family: 'FontAwesome';
	src: url('//theme.hstatic.net/1000312916/1000653010/14/fontawesome-webfont.eot?v=163');
	src: url('//theme.hstatic.net/1000312916/1000653010/14/fontawesome-webfont.eot?v=163?#iefix$v=4.4.0') format('embedded-opentype'), url('//theme.hstatic.net/1000312916/1000653010/14/fontawesome-webfont.woff?v=163') format('woff'), url('//theme.hstatic.net/1000312916/1000653010/14/fontawesome-webfont.ttf?v=163') format('truetype'), url('//theme.hstatic.net/1000312916/1000653010/14/fontawesome-webfont.svg?v=163') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('//theme.hstatic.net/1000312916/1000653010/14/glyphicons-halflings-regular.eot?v=163');
	src: url('//theme.hstatic.net/1000312916/1000653010/14/glyphicons-halflings-regular.eot?v=163?#iefix&v=4.4.0') format('embedded-opentype'), url('//theme.hstatic.net/1000312916/1000653010/14/glyphicons-halflings-regular.woff?v=163') format('woff2'), url('//theme.hstatic.net/1000312916/1000653010/14/fontawesome-webfont.woff?v=163') format('woff'), url('//theme.hstatic.net/1000312916/1000653010/14/glyphicons-halflings-regular.ttf?v=163') format('truetype'), url('//theme.hstatic.net/1000312916/1000653010/14/glyphicons-halflings-regular.svg?v=163') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'flexslider-icon';
	src: url('//theme.hstatic.net/1000312916/1000653010/14/flexslider-icon.eot?v=163');
	src: url('//theme.hstatic.net/1000312916/1000653010/14/flexslider-icon.eot?v=163') format('embedded-opentype'), url('//theme.hstatic.net/1000312916/1000653010/14/flexslider-icon.woff?v=163') format('woff'), url('//theme.hstatic.net/1000312916/1000653010/14/flexslider-icon.ttf?v=163') format('truetype'), url('//theme.hstatic.net/1000312916/1000653010/14/flexslider-icon.svg?v=163') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
	background: #fff;
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}
.fa{
	font-family: FontAwesome !important;
}
/*============ 32. Responsive CSS ==============*/





/*============ 33. Cart CSS ==============*/
.title-page{
	font-size: 34px;
}
.bottom-cart-right {
	margin-bottom: 10px;
}
#cart #checkout {
	margin-bottom: 5px;
	height: 50px;
	background-size: contain;
	background: #D89F1F;
	color: white;
	border-radius: 0px;
}
#checkout .btn-icons small {
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
}
#update-cart {
	background: #727272;
	background-image: url('//theme.hstatic.net/1000312916/1000653010/14/back-arrow.png?v=163');
	background-repeat: no-repeat;
	background-position: 15px 16px;
	padding-left: 34px;
	width: 150px;
	margin-bottom: 5px;
	height: 50px;
	text-transform: uppercase;
	border-radius: 0px;
	font-size: 14px;
}
.columns-container {
	padding-top: 0px;
}
section#columns{
	border-radius: 10px;
	box-shadow: 0px 1px 2px 0px #ccc;
	margin-bottom: 0px;
}
#cart-page{
	padding: 15px;
}
#table-cart table {
	border-collapse: collapse;
	margin-bottom: 0;
	width: 100%;
	background-color: #fff;
	/** Detail custom **/
}

#table-cart table td, #table-cart table th {
	padding: 1em 1em;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

#table-cart table td.err {
	background-color: #e992b9;
	color: #fff;
	font-size: 0.75em;
	text-align: center;
	line-height: 1;
}

#table-cart table th {
	background-color: #31bc86;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}

#table-cart table tbody th {
	background-color: #2ea879;
}

#table-cart table tbody tr {
	border-bottom: 1px solid #ccc;
}

#table-cart table tbody tr:nth-child(2n) {
	background-color: #f9f9f9;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

#table-cart table thead td {
	text-align: center;
	font-family: Open Sans;
	color: #555;
	font-weight: bold
}

#table-cart table thead tr {
	border-bottom: 1px solid #ccc;
}

#table-cart table tbody .cir-cancel a {
	color: #d9d9d9;
	font-size: 2em;
	font-weight: 100;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

#table-cart table tbody .cir-cancel a:hover {
	color: #ccc;
}

#table-cart table tbody td.product-name ul {
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 0;
}

#table-cart table tbody td.product-name ul li {
	display: table-cell;
	position: relative;
	vertical-align: middle;
}

#table-cart table tbody td.product-name ul .des p {
	padding-left: 10px;
	margin-bottom: 0;
}

#table-cart table tbody .product-quality {
	text-align: center;
	/** Custom button number increments sidebar*/
}

#table-cart table tbody .product-quality form {
	margin-bottom: 10px;
}

#table-cart table tbody .product-quality .qty {
	width: 40px;
	height: 31px;
	text-align: center;
	padding: 5px;
	box-shadow: none;
	background: #fff;
	margin: 0;
	border: 1px solid #d9d9d9;
}

#table-cart table tbody .product-quality input {
	position: relative;
}

#table-cart table tbody .product-quality input.qtyplus {
	width: 30px;
	margin: 0;
	padding: 5px;
	border: 1px solid #d9d9d9;
	box-shadow: none;
	background: #fff;
	border-right: none;
}

#table-cart table tbody .product-quality input.qtyminus {
	width: 30px;
	border: 1px solid #d9d9d9;
	padding: 5px;
	margin: 0;
	box-shadow: none;
	background: #fff;
	border-left: none;
}

#table-cart table tbody .total-product {
	text-align: center;
}

#table-cart table tbody .total-product p {
	font-family: 'Open Sans';
	color: #e81c25;
}

#table-cart #under-table {
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
}

#table-cart #under-table input[type="text"] {
	border-radius: 2px;
	color: #555;
	border: 1px solid #ccc;
	padding: 0.5em 1em;
	font-size: 1.2em;
	line-height: 28px;
}

#table-cart #order-infor h4 {
	float: right;
	position: relative;
	padding: 1em 0;
	margin: 0;
}

#table-cart #order-infor tr {
	background: #fff;
	border: none;
}

#table-cart #order-infor tr td {
	padding: 0.5em;
}

#table-cart #order-infor tr h1, #table-cart #order-infor tr h2, #table-cart #order-infor tr h3, #table-cart #order-infor tr h4, #table-cart #order-infor tr h5 {
	margin: 0;
}

#table-cart #order-infor table {
	border-top: 1px solid #ccc;
}

#table-cart #order-infor #name {
	padding-left: 0;
}

#table-cart #order-infor #cost {
	padding-right: 0;
}

#under-table .btn-cart {
	font-size: 1.2em;
	border: none;
	float: right;
	cursor: pointer;
	padding: 7.5px 12.5px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#under-table a.btn-cart:hover {
	text-decoration: none;
	color: #fff;
}

#under-table #coupon-btn {
	margin-left: 5px;
}
.mini-cart .fa {
	font-size: 15px;
}
/*========================================== Fix chung ========================================*/
.newsletter p.footer_form {
	margin-top: 16px;
}
h2.product-name a {
	line-height: 1.5;
}
.col-item .tooltip .tooltip-inner, .col-item .tooltip .tooltip-arrow {
	background: #AD0800;
}

.col-item .tooltip{
	//min-width: 100px;
}
.block-title.page-header {
	margin-bottom: 20px;
}
.content-page {
	padding: 5px;
}
.col-form {
	padding: 15px 20px;
}
.col-form h3 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #AD0800;
}
.col-form p {
	margin: 5px 0px 10px;
}
ul.info-address li {
	margin: 5px 0px;
}
ul.content-dm li {
	display: block;
	padding: 10px;
	box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF;
}
ul.content-dm li:hover{
	background: #ddd;
}
ul.content-dm li:hover a span{
	color: #AD0800;
}
ul.content-dm {
	background: #f5f5f5;
}
.link-product {
	margin: 20px 0px;
}
.article-content * {
	width: 100% !important;
}
.article-content img {
	width: auto !important;
	max-width: 100% !important;
}
div#block-hot .img-hot {
	height: 370px;
	overflow: hidden;
	width: 100%;
	text-align: center;
	line-height: 370px;
}
.req_pass {
	display: inline-block;
}
.action_bottom {
	display: inline-block;
	margin-bottom: 10px;
}
.col-1.new-users p {
	font-size: 12px;
	line-height: 1.5;
}
.errors li {
	color: #AD0800;
}
.content-reg {
	max-width: 500px;
	margin: 10px auto;
	padding: 10px;
	border: 1px solid #ccc;
}
.content-reg label {
	display: block;
	font-size: 15px;
	font-weight: bold;
}
.content-reg input {
	background: #fff;
	border: 1px solid #f0f0f0;
	padding: 10px;
	width: 80%;
	margin-top: 5px;
	outline: none;
	margin-bottom: 10px;
	display: block;
}
div#customer_orders {
	padding: 20px 10px;
}
div#customer_sidebar * {
	margin: 5px 0px;
}
div#customer_orders p {
	color: #AD0800;
	font-size: 15px;
}
a.logout {
	color: #AD0800;
}
div#address_tables .input-group {
	margin: 5px 0px;
}
div#add_address .input-group {
	margin: 5px 0px;
}
.customer_address * {
	margin: 5px 0px;
}
.customer_address span i{
	margin: 0px;
}
.customer_address {
	border-bottom: 1px #ddd dashed;
	margin-bottom: 20px;
}
p.address_actions a {
	font-size: 15px;
	color: #AD0800;
	margin-right: 10px;
}
div#customer_orders table {
	width: 100%;
}
div#customer_orders tr td * {
	display: block;
	margin: 10px 0px;
}
a#view_address {
	color: #AD0800;
	font-size: 15px;
}
a.add-new-address {
	font-size: 15px;
	font-weight: bold;
	color: #AD0800;
}
.page-not {
	padding: 100px;
}
.loipage h2 {
	text-transform: uppercase;
	font-size:90px;
	line-height: 80px;
	font-weight: 700;
	margin-top: 150px;
}
.thim-color {
	color: #AD0800;
}
.loipage p {
	margin: 10px 0px;
	font-size: 14px;
}
.t-order .header-page {
	padding: 20px 0px;
	font-size: 15px;
	color: #AD0800;
	font-weight: bold;
}
a#return_to_store {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	color: #6B0D08;
}
h3.order_section_title {
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.t-order p {
	display: block;
	margin: 5px 0px;
}
table#order_details th {
	font-size: 15px;
	font-weight: bold;
}
table#order_details {
	width: 100%;
}
div#customer_orders table th {
	font-size: 15px;
	font-weight: bold;
}
.pro-price {
	color: #AD0800;
	font-weight: bold;
}
.pro-price del.compare-price {
	font-size: 12px;
	margin-left: 5px;
	color: #aaa;
	font-style: italic;
}
.productdeals {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(255,255,255,.8);
	color: #272727;
	text-align: center;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	visibility: visible;
}
.col-item:hover .productdeals{
	bottom: -100%;
}
.productdeals div {
	display: inline-block;
	margin: 10px;
	font-size: 13px;
	line-height: 1.5;
}
.productdeals div span {
	font-size: 12px;
	color: #AD0800;
	font-weight: bold;
}
/*========================================== Fix slider ========================================*/
.tp-leftarrow.default {
	background: rgba(0, 0, 0, 0.2) url(//theme.hstatic.net/1000312916/1000653010/14/left-a.png?v=163) no-repeat 10px 0;
}
.tp-rightarrow.default {
	background: rgba(0, 0, 0, 0.2) url(//theme.hstatic.net/1000312916/1000653010/14/right-a.png?v=163) no-repeat 10px 0;
}
/*========================================== Menu ========================================*/
b.caret {
	margin-left: -15px;
}
.t-menu img {
	max-width: 100%;
}

/*========================================== Quickview ========================================*/
#quick-view-modal {
	background: rgba(0, 0, 0, 0.31);
	z-index: 9999;
}
div#quick-view-modal .modal-dialog.modal-lg {
	padding-top: 20px;
}
#quick-view-modal .modal-footer {
	border-top: 1px solid #ccc;
}
h4.modal-title {
	color: #fff;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}
#quick-view-modal .selector-wrapper label {
	width: 25%;
}

#quick-view-modal .selector-wrapper {
	width: 100%;
	float: left;
	margin: 0px 0px 10px 0px;
}
.m-sku, .m-vendor {
	padding: 5px 0px;
}
#quick-view-modal .btn-detail {
	float: left;
}

#quick-view-modal .form-input label {
	width: 100%;
	color: #000 !important;
	font-weight: bold;
	margin-bottom: 10px;
}

#quick-view-modal .form-input {
	float: left;
	width: 300px;
	max-width: 100%;
	padding: 10px 0px;
}

#quick-view-modal .modal-body {
	padding: 10px 15px;
}

#quick-view-modal .form-input input[type=number] {
	max-width: 60px;
	text-align: center;
	padding: 6px;
	border: 1px solid #E5E5E5;
	border-radius: 0;
	height: 40px;
}

#quick-view-modal .modal-header h2 {
	padding: 10px 0px;
	background: #53A1CC;
	color: #fff;
	line-height: 29px;
	text-align: center;
}

#quick-view-modal .qv-readmore a {
	color: #E05543;
	font-weight: bold;
}

#quick-view-modal .qv-readmore {
	float: left;
	padding: 22px 10px;
}

#quick-view-modal i.fa.fa-plus,
#quick-view-modal i.fa.fa-times {
	margin-right: 8px;
}

#quick-view-modal .modal-content,
#quick-view-modal .btn {
	border-radius: 2px;
}

#quick-view-modal del {
	font-size: 20px;
	color: #aaa;
}


#quick-view-modal .zoom > img {
	max-width: 100%;
	max-height: 300px;
}

#quick-view-modal div#p-sliderproduct {
	width: 300px;
	margin: auto;
}

#quick-view-modal .zoom {
	text-align: center;
	width: 100%;
	height: 230px;
	padding: 10px;
}

#quick-view-modal .item:hover,
#quick-view-modal .item.active {
	border: 1px solid #E05544 !important;
}

#quick-view-modal .item:hover:after,
#quick-view-modal .item.active:after {
	border-top: 5px solid rgba(224, 85, 68, 0) !important;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #E05544;
	content: "";
	position: absolute;
	top: -11px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 6px;
}

#quick-view-modal li.product-thumb {
	float: left;
	display: block !important;
}

#quick-view-modal .image-zoom.row {
	text-align: center;
}

#quick-view-modal .image-zoom > img {
	max-width: 100%;
	max-height: 300px;
	margin-bottom:5px;

}

#quick-view-modal .btn-soldout {
	width: 100%;
}

#quick-view-modal .modal-title.p-title {
	font-weight: bold;
	text-align: left;
	padding-left: 20px;

}

#quick-view-modal .btn-color-add {
	width: 200px;
}
.modal-fix {
	width: 70% !important;
}
.modal-fix .block_content ul li a{
	//border: 1px solid #8CC152 !important;
}
.modal-fix .block_content ul li .fa{
	color: #2A2A29;
}
.form-input.vid {
	padding: 0px !important;
}
.m-vendor, .m-sku {
	font-style: italic;
}
.form-input.vid span {
	font-size: 14px;
	font-weight: bold;
	font-style: normal !important;
}
.social-icons.modal-fix {
	margin: 20px 0px !important;
}
/*End Quickview*/
#quick-view-modal {
	background: rgba(0, 0, 0, 0.31);
	z-index: 9999;
}

#quick-view-modal .modal-footer {
	border-top: 1px solid #ccc;
}

#quick-view-modal .selector-wrapper label {
	width: 25%;
}

#quick-view-modal .selector-wrapper {
	width: 100%;
	float: left;
}

#quick-view-modal .btn-detail {
	float: left;
}

#quick-view-modal .form-input {
	float: left;
	//width: 300px;
	width: 100%;
	max-width: 100%;
	padding: 10px 0px;
}

#quick-view-modal .modal-body {
	padding: 10px 15px;
}

#quick-view-modal .form-input input[type=number] {
	max-width: 60px;
	text-align: center;
	padding: 6px;
	border-radius: 5px;
	border: 1px solid #E5E5E5;
}
button.btn-addcart {
	float: left;
	height: 40px;
	border: none;
	padding: 10px 30px;
	background: #18a4d8;
	color: #fff;
	font-size: 15px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
button.btn-addcart:hover{
	background: #AD0800;
}
#quick-view-modal .modal-header h2 {
	padding: 10px 0px;
	background: #53A1CC;
	color: #fff;
	line-height: 29px;
	text-align: center;
}

#quick-view-modal .qv-readmore a {
	color: #b00000 !important;
	font-weight: bold;
	font-size: 15px !important;
}

#quick-view-modal .qv-readmore {
	float: left;
	padding: 12px 10px;
}

#quick-view-modal .p-price {
	font-size: 20px;
	color: #AD0800;
	margin-right: 10px;
}

#quick-view-modal i.fa.fa-plus,
#quick-view-modal i.fa.fa-times {
	margin-right: 8px;
}

#quick-view-modal .modal-content,
#quick-view-modal .btn {
	border-radius: 2px;
}

#quick-view-modal del {
	font-size: 16px;
	color: ;
}

#quick-view-modal .item img {
	max-width: 100%;
	max-height: calc(100% - 2px);
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	left: 0px;
	right: 0px;
}

#quick-view-modal .item {
	height: 50px;
	position: relative;
	margin: 7px 0px;
}

#quick-view-modal .item a {
	float: left;
	width: 100%;
	height: 100%;
}

#quick-view-modal .zoom > img {
	max-width: 100%;
	max-height: 300px;
}

#quick-view-modal div#p-sliderproduct {
	width: 300px;
	margin: auto;
}

#quick-view-modal .zoom {
	text-align: center;
	width: 100%;
	height: 230px;
	padding: 10px;
}

#quick-view-modal .thumb .item:hover a,
#quick-view-modal .thumb .item.active a {
	border: 1px solid #E05544 !important;
}

#quick-view-modal .product-thumb:hover a:after,
#quick-view-modal .product-thumb.active a:after {
	border-top: 5px solid rgba(224, 85, 68, 0) !important;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #FF0000;
	content: "";
	position: absolute;
	top: -12px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 6px;
}

#quick-view-modal li.product-thumb {
	float: left;
	display: block !important;
}

#quick-view-modal .image-zoom.row {
	text-align: center;
}

#quick-view-modal .image-zoom > img {
	max-width: 100%;
	max-height: 300px;
	margin-bottom:5px;

}

#quick-view-modal .btn-soldout {
	width: 100%;
}
div#quick-view-modal .modal-header {
	background: #AD0800;
}
#quick-view-modal .modal-title.p-title {
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	color: #fff;
}
.modal-header .close {
	margin-top: -30px;
}
#quick-view-modal .btn-color-add {
	background: ;
	padding: 0px 0px 0px 35px;
	color: ;
	font-size: 15px;
	border-radius: 3px;
}
.product-title.p-title h1 {
	font-size: 20px;
	padding: 5px 0px;
	font-weight: bold;
	color: #333;
}
#quick-view-modal .product-price {
	padding: 10px 0px;
}
#quick-view-modal .btn-color-add:hover, #quick-view-modal .btn-color-add:focus, #quick-view-modal .btn-color-add:active{
	background: ;
}
button.close a:before {
	content:url('//hstatic.net/0/0/global/design/theme-default/icon-delete.png');
}
.flex-direction-nav li a {
	width: 32px;
	height: 32px;
	display: block;
	background: url('//hstatic.net/0/0/global/design/theme-default/slide-arrow.png') no-repeat;
	position: absolute;
	top: calc(50% + 5px);
	outline: none;
	cursor: pointer;
	text-indent: -999em;
	border-radius: 50%;
	opacity: 0;
	line-height: 70px;
}
.flex-direction-nav .flex-prev {
	left: 10px;
	background-position: 0% -8px;
}
.flex-direction-nav .flex-next {
	background-position: 100% -8px;
	right: 10px;
}
#sliderproduct:hover .flex-direction-nav li a, #p-sliderproduct:hover .flex-direction-nav li a {
	opacity: 0.7;
}
/*========================================== COLLECTIONS ========================================*/
.t-search .product-list .item:nth-of-type(4n+1) {
	clear: both;
}
.breadcrumb {
	margin: 0px -15px;
	border-radius: 0;
}
div#content-collection {
	clear: both;
	padding: 20px 0px;
}
.browse-tags {
	text-align: right;
}
.product-list {
	margin-top: 20px;
}
.content_sortPagiBar .pagination {
	margin: 0px;
	float: right
}

.content_sortPagiBar .pagination>li {
	float: left;
	padding: 0px 2px
}

.content_sortPagiBar .pagination>li>a, .content_sortPagiBar .pagination>li span {
	font-size: 12px;
	color: #777;
	border-color: #f1f1f1
}

.content_sortPagiBar .pagination>li:hover>a,.content_sortPagiBar .pagination>li:hover span,.content_sortPagiBar .pagination>li:focus>a,.content_sortPagiBar .pagination>li:focus span {
	color: #fff;
	background: #AD0800;
	border-color: #AD0800
}

.content_sortPagiBar .pagination .active>a,.content_sortPagiBar .pagination .active span {
	color: #fff;
	background: #AD0800;
	border-color: #AD0800
}

.content_sortPagiBar .pagination .pagination_previous:hover>a,.content_sortPagiBar .pagination .pagination_previous:hover span,.content_sortPagiBar .pagination .pagination_previous:focus>a,.content_sortPagiBar .pagination .pagination_previous:focus span {
	background: transparent;
	border-color: #f1f1f1
}

.content_sortPagiBar .pagination .pagination_previous>a,.content_sortPagiBar .pagination .pagination_previous span {
	position: relative;
	height: 32px;
	font-size: 0px
}

.content_sortPagiBar .pagination .pagination_previous>a:before,.content_sortPagiBar .pagination .pagination_previous span:before {
	content: "Trước";
	font-weight: 300;
	font-size: 12px;
	color: #777;
	display: block
}

.content_sortPagiBar .pagination .pagination_next:hover>a,.content_sortPagiBar .pagination .pagination_next:hover span,.content_sortPagiBar .pagination .pagination_next:focus>a,.content_sortPagiBar .pagination .pagination_next:focus span {
	background: transparent;
	border-color: #f1f1f1
}

.content_sortPagiBar .pagination .pagination_next>a,.content_sortPagiBar .pagination .pagination_next span {
	position: relative;
	height: 31px;
	font-size: 0px
}

.content_sortPagiBar .pagination .pagination_next>a:before,.content_sortPagiBar .pagination .pagination_next span:before {
	content: "Sau";
	font-weight: 300;
	font-size: 12px;
	color: #777;
	display: block
}
.no-product {
	text-align: center;
	padding: 20px 0px;
}
.no-product p, .no-sp p {
	font-size: 18px;
	color: #6CB120;
	font-style: italic;
	display: inline-block;
	padding: 10px 30px;
	border: 1px;
	border-color: #8CC152;
	border-style: dashed;
}
.pro-col figure.effect-hera {
	height: 210px;
}
.main-content .product-list {
	position: relative;
	z-index: 0;
}
.content-product-list {
	//border-left: 1px solid #BDDE95;;
	//border-top: 1px solid #BDDE95;;
}
.fix-col {
	position: absolute;
	width: 100%;
	z-index: 10;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	background: #fff;
	display: none;
}
.title-menu .fa-angle-down {
	margin-left: 10px;
}
.pro-col {
	padding: 5px !important;
	border-bottom: 1px solid #BDDE95;
}
.pro-col .product-detail h3.pro-name a {
	font-size: 15px;
}
.pro-col .product-detail h3.pro-name {
	height: 40px;
}
.filter-title h3 {
	position: relative;
	font-weight: 600;
	font-size: 14px;
	background: #8cc152;
	border: none;
	color: #fff;
	text-transform: uppercase;
	line-height: 30px;
	letter-spacing: 1px;
	margin: 0;
	padding: 6px 10px;
}
.bg {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	//border: 1px solid #e4e5e7;
	background: #f5f5f5;
	padding: 15px;
}
.catalog_filters {
	//border-bottom: 1px solid #BDDE95;
	font-weight: bold;
	font-size: 14px;
	box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF;
	padding-bottom: 5px;
}
.no-sp {
	padding: 10px 0px;
	font-size: 20px;
	color: #8CC152;
}
.line-fil ul {
	padding: 0px 0px 0px 10px;
}
.box-filter ul li {
	position: relative;
	//border-top: 1px solid #BDDE95;
	box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF;
}
.box-filter ul li:first-child {
	//border-top: none;
	//box-shadow:none;
}
a.filter-click-color {
	line-height: 25px !important;
}
.box-filter ul li:last-child {
	margin-bottom: 20px;
}
.line-fil li a {
	color: #232323;
	text-transform: none;
	display: block;
	font-size: 13px;
	padding: 10px 15px;
	font-style: italic;
}
.box-filter > ul >li a:before {
	position: absolute;
	content: "\f096";
	top: 11px;
	left: 0px;
	font-family: FontAwesome;
	font-size: 13px;
	color: #888;
	font-style: normal;
}
.filter-click-color:before{
	display: none;
}
.box-filter > ul >li a:hover:before {
	content: "\f046";
}
.box-filter > ul >li.active-filter a:before {
	content: "\f046";
}
.box-filter > ul > li a.check:before {
	content: "\f046";
}
a.filter-click-color {
	padding: 0px !important;
	font-size: 13px !important;
}
.color-filter.color span {
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 5px;
	margin-top: -2px;
	border: 1px solid #fff;

}
.color-filter.color {
	margin-top: 5px;
}
.filter-click-color.check span {
	border: 1px solid #F00;
	background: url(//theme.hstatic.net/1000312916/1000653010/14/select-pro.png?v=163) right bottom no-repeat;
}
.color-filter.color li {
	float: left;
	width: 50%;
	padding: 5px 0px;
	border: none;
}
.catalog_filters .fa{
	display: none;
}
ul.bao-ql {
	padding: 10px 5px;
	margin: 5px 0px;
	border-width: 1px;
	border-color: #8CC152;
	border-style: dashed;
}
ul.bao-ql img {
	width: 25px;
	max-height: 20px;
	margin-right: 10px;
}
ul.bao-ql li {
	font-size: 13px;
	font-style: italic;
	margin-bottom: 5px;
	padding-left: 10px;
}
/*=================================== PRODUCT ===================================*/
/* end related product */

/* img zoom */
.flexslider li.product-thumb a {
	display: block;
	position: relative;
}
.product-thumb.active a:after,
.product-thumb:hover a:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #E05544;
	content: "";
	position: absolute;
	top: -5px;
	left: calc(50% - 4px);
}



.selector-wrapper,.select-wrapper {
	margin-top : 17px;
}
.selector-wrapper label,.select-wrapper label {
	font-size : 13px;
	color :#000;
	display:block;
	margin-bottom: 10px;
	font-weight: bold;
}
#buy-now {
	display : inline-block;
}

.col-md-12.list-like{padding:0px;}
.product-thumb{
	box-sizing: border-box;
}
li.product-thumb {
	border: 1px solid #eee;
	margin: 5px;
	padding:1px;
	text-align:center;
	display:inline-block;
}
.product-thumb.active,
.product-thumb:hover {
	border: 1px solid #f00;
	position: relative;
}
#sliderproduct{
	position: relative;
}
#sliderproduct .flex-viewport {
	width: 100%;
	margin: auto;
}
#sliderproduct .flex-direction-nav li a.flex-prev {
	left: 0;
}
#sliderproduct .flex-direction-nav li a.flex-next {
	right: 0;
}
div#surround {
	width: 100%;
	overflow: hidden;
	text-align: center;
}
li.product-thumb img {
	max-width: 100%;
}
div#price-preview {
	padding: 10px 0px;
	border-bottom: 1px #ddd dashed;
}
div#price-preview span {
	font-size: 22px;
	color: #AD0800;
	margin-right: 10px;
	display: inline-block;
	font-weight: bold;
}
div#price-preview del {
	font-size: 15px;
	color: #878787;
	display: inline-block;
}
.des {
	padding: 5px 0px;
	border-bottom: 1px #ddd dashed;
	width: 100%;
	overflow: hidden;
}
input#quantity {
	width: 50px;
	height: 30px;
	padding: 0px 5px;
	outline: none;
}
.box-information-more {
	background: url(//hstatic.net/969/1000003969/10/2015/11-30/box-information-more.png);
	margin-top: 15px;
}
.box-information-more .box-wrapper {
	margin: 5px;
	background-color: #fff;
}
.box-information-more .box-left p {
	font-size: 14px;
	color: #AD0800;
	font-weight: bold;
}
.box-information-more .box-left {
	margin: 19px 0;
	text-align: center;
}
.box-information-more .box-left span {
	font-size: 12px;
	font-style: italic;
	display: block;
	margin-top: 5px;
}
.box-information-more .box-right ul li {
	margin: 3px 0px;
}
.box-information-more .box-right {
	border-left: 1px dotted #999;
	margin: 7px 0;
}
.box-information-more .box-right .free-change span {
	font-size: 12px;
	margin-left: 15px;
}
.box-information-more .box-right .free-give span {
	font-size: 12px;
	margin-left: 8px;
}
.box-information-more .box-right .free-checkout span {
	font-size: 12px;
	margin-left: 10px;
}
.pt20 {
	display: block;
	margin: 20px 0px;
}
/*=================================== BLOGS ===================================*/

div#pagination ul li {
	float: left;
	/* border: 1px solid #ccc; */
	padding: 0px;
	//background: #eeeeee;
	margin: 2px;
}

div#pagination ul li a {
	color: #000;
	font-weight: bold;
}

div#pagination ul {
	float: right;
	margin: 15px 0;
}

div#pagination ul li.active {
	//background: #dddddd;
}
h2.title-article {
	font-size: 16px;
	font-weight: bold;
	margin: 6px 0;
}

h2.title-article a {
	color: #000;
}

.news-content {
	line-height: 1.4;
	margin-top: 20px;
}

ul.info-more li {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
}

ul.info-more li a {
	color: #000;
}
.breadcrumbs {
	margin: 30px 0;
}

.breadcrumbs ul li.active span {
	color: #ee174f;
	font-weight: bold;
}
h2.title-article a:hover {
	color: #ee174f;
}
/**************************************grid****************************************/
.container .grid-100 {
	width: 100%;
}

.cl_dr_menu {
	min-width: 20%;
	float: left;
}

.container .grid-95 {
	width: 95%;
	float: left;
}

.container .grid-90 {
	width: 90%;
	float: left;
}

.container .grid-80 {
	width: 80%;
	float: left;
}

.container .grid-75 {
	width: 75%;
	float: left;
}

.container .grid-70 {
	width: 70%;
	float: left;
}

.container .grid-65 {
	width: 65%;
	float: left;
}

.container .grid-60 {
	width: 60%;
	float: left;
}

.container .grid-50 {
	width: 50%;
	float: left;
}

.container .grid-40 {
	width: 40%;
	float: left;
}

.grid-25 {
	width: 25%;
	float: left;
}

.grid-50 {
	width: 50%;
	float: left;
}

.grid-40 {
	width: 40%;
	float: left;
}

.grid-70 {
	width: 70%;
	float: left;
}

.container .grid-35 {
	width: 35%;
	float: left;
}

.container .grid-20 {
	width: 20%;
	float: left;
}
.container .grid-33 {
	width: 33%;
	float: left;
}
.container .grid-30 {
	width: 30%;
	float: left;
}

.container .grid-40 {
	width: 40%;
	float: left;
}

.container .grid-15 {
	width: 15%;
	float: left;
}

.container .grid-13 {
	width: 13%;
	float: left;
}

.container .grid-10 {
	width: 10%;
	float: left;
}
.container .grid-33 {
	width: 33.333%;
	float: left;
	margin: 5px 0;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
.pro-hot {
	margin: 0px 2px;
	position: relative;
	overflow: hidden;
}
.img-hot img {
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
}
.fixhot .img-hot {
	height: 185px;
	overflow: hidden;
	text-align: center;
	line-height: 185px;
}
.content-hot {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 6px;
	/* background: #000; */
	color: #fff;
	padding: 14px 10px;
	-moz-box-shadow: inset 4px -57px 50px rgba(0, 0, 0, 0.68);
	-webkit-box-shadow: inset 4px -57px 50px rgba(0, 0, 0, 0.68);
	box-shadow: inset 4px -57px 50px rgba(0, 0, 0, 0.68);
}
.content-hot h2 a {
	color: #fff;
}

.content-hot h2 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 500;
	height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.img-article {
	height: 200px;
	overflow: hidden;
	line-height: 200px;
	text-align: center;
}
.img-article img {
	max-height: 100%;
	max-width: 100%;
	display: inline-block;
	width: auto !important;
	height: auto !important;
}
.img-article div {
	height: 100%;
	width: 100%;
}
.content-hot p {
	color: #ccc;
}
.hot-blog {
	margin: 20px auto;
}
/*Sidebar*/
.list-tfix {
	padding: 12px 20px;
	font-size: 14px;
	color: rgb( 255, 255, 255 );
	text-transform: uppercase;
	background: #000 !important;
	border-radius: 0 !important;
}
.news-menu.list-group {
	border-radius: 0px !important;
	box-shadow: none;
}
.av-tfix a {
	background: #fff !important;
	border-radius: 0px !important;
	border: none !important;
	box-shadow: none;
	font-size: 14px;
	color: rgb( 33, 33, 33 );
	padding: 15px 0px !important;
}
.sidebar-banner img {
	width: 100%;
}
.sidebar-banner {
	margin-bottom: 30px;
}
.sidebar {
	overflow: hidden;
	margin-top: 20px;
}
.tfix-tab li {
	display: inline-block;
	padding: 0px !important;
	width: 50%;
}
.tfix-tab li a {
	padding: 10px!important;
	margin: 0px !important;
	width: 100%;
	background: #000 !important;
	border: none !important;
	color: #fff !important;
	border-bottom: 3px solid #fff !important;
}
.tfix-tab>li.active>a, .tfix-tab>li.active>a:hover, .tfix-tab>li.active>a:focus {
	border-bottom: 3px solid #F8123C !important;
	text-transform: uppercase !important; 
}
.nav-tabs>li.active>a:hover{
	text-transform: uppercase !important; 
}
.tab-content.t-fix {
	border: none !important;
}
.tab-content.t-fix > div {
	padding: 0px !important;
	margin-top: 15px;
}
ul.nav.nav-tabs.tfix-tab {
	border: none;
}
.t-fix .article {
	clear: both;
}
.t-fix .article > div {
	padding: 5px;
}
.t-fix .article .img {
	padding-left: 0px !important;
	margin-bottom: 10px;
}
.t-fix .article .img img {
	width: 100%;
	height: 60px;
}
.t-fix .article .post-content a {
	font-size: 14px;
	color: rgb( 33, 33, 33 );
}
.t-fix .article .post-content span.date {
	display: block;
	margin-top: 15px;
	color: #999999;
	font-size: 14px;
}
.fangae-blog {
	clear: both;
	padding-top: 20px;
}
.fangae-blog .list-tfix {
	width: 100%;
	float: left;
	padding: 13px 20px !important;
}
/*Article*/
.articles {
	padding: 0px;
}
.articles img{
	max-width: 100%;
}
.header-ar h1 {
	font-size: 30px;
	color: rgb( 33, 33, 33 );
	font-weight: 600;
	margin: 20px 0px;
}

p.au {
	margin-bottom: 10px;
	color: #7a7a7a;
	font-style: italic;
	display: block;
}
p.au span.name {
	color: #EE3968 !important;
	font-weight: bold !important;
	font-style: normal !important;
}

p.au span.name-bl{
	color: #000 !important;
	font-weight: bold !important;
	font-style: normal !important;
}
.title-pr {
	padding: 13px 20px;
	margin-bottom: 10px;
	background: #000;
	color: #fff;
	margin: 30px 15px 20px 15px;
}
span.pr-tfix {
	font-size: 14px;
	text-transform: uppercase;
}
.pr-content {
	clear: both;
	padding: 0px 15px;
}
.detait-pr h5 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
}
.detait-pr h6 {
	font-size: 13px;
	margin-bottom: 5px;
}
.detait-pr {
	margin-bottom: 20px;
	padding: 0px;
}
.pro-ar .img {
	padding: 0px;
}
.article-body .social {
	float: left !important;
	text-align: right;
	position: relative;
}
a.addthis_button_facebook_like.at300b {
	width: 100px !important;
	overflow: hidden;
}
.fb_iframe_widget span iframe[style]{
	//width: 450px !important;
}
div#article {
	overflow: hidden;
}
.bottom-s{
	margin-top: 20px;
}
.splq-ar {
	margin: 10px -15px;
	padding: 0px;
}
.title-splq h3 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 20px;
	background: #fbfbfb;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
.title-splq {
	margin-bottom: 20px;
}
.content-splqbv .product-text {
	margin-bottom: 20px;
}
div#blog {
	//overflow-x: hidden;
}
.top5 {
	margin-top: 35px;
}
.content-top5 ul > li {
	padding: 10px 20px;
}
span.dem {
	width: 25px;
	height: 25px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 20px;
	margin-right: 10px;
}
.content-top5 ul li a {
	font-size: 14px;
	color: #000;
}
.comment {
	margin-top: 50px;
}
.content-comment {
	width: 100%;
	overflow: hidden;
}
.bvlq {
	margin-top: 50px;
	margin-bottom: 70px;
}
.img-lqt {
	width: 100%;
	height: 175px;
	text-align: center;
	line-height: 175px;
	overflow: hidden;
	padding: 0px;
}
.img-lqt img {
	max-height: 100%;
	display: inline-block;
}
.lq-detailt {
	padding: 0px;
}
a.lq-titlet {
	font-size: 16px;
	color: #000;
	display: block;
	margin-bottom: 5px;
	line-height: 20px;
}
a.lq-blogt {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}

/*Page - story*/
span.header-page h1 {
	font-size: 30px;
	color: rgb( 33, 33, 33 );
	text-align: left;
	display: block;
	margin-bottom: 10px;
}
.ct-page {
	width: 100%;
	overflow: hidden;
}
.ct-page img {
	max-width: 100%;
}
div#spbc-th {
	margin-top: 30px;
}
.title-page h3 {
	font-size: 14px;
	padding: 13px 20px;
	background: #000;
	color: #fff;
	display: block;
	margin-bottom: 10px;
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.t-fix .article .img img {
		width: 100%;
		height: 55px;
	}
	.t-fix .article .post-content a {
		font-size: 12px;
		color: rgb( 33, 33, 33 );
	}
	a.lq-titlet{
		font-size: 14px;
	}
}

@media screen and (max-width: 767px){
	.t-fix .article .img img {
		width: 100%;
		height: 220px;
	}
	.container .grid-50{
		width: 100% !important;
	}
	.container .fix-xs .grid-50{
		width: 50% !important;
	}
	h3.blogtt-xs {
		clear: both;
		padding: 10px;
		border-bottom: 1px solid #999999;
	}
	h3.blogtt-xs a {
		font-size: 14px;
		display: block;
		text-transform: uppercase;
		color: #000;
	}
	.owl-pagination {
		display: none;
	}
	.t-fixxs a {
		font-size: 15px !important;
		text-transform: uppercase;
		font-weight: bold;
	}
	.fix-xs .content-hot {
		padding: 5px;
	}
	.content-top5 ul > li {
		padding: 10px;
	}
	.header-ar h1 {
		font-size: 20px;
	}
	.fb_like_share {
		//    margin-bottom: 0px;
		display: inline-block;
		/* float: left; */
	}
	.title-splq h3 {
		text-transform: none;
		background: #000;
		color: #fff;
	}
	.pro-ar-xs .hs-product-box {
		padding: 5px !important;
	}
	.pro-ar-xs .product .product-text h5, .pro-ar-xs .product .product-text h6 a{
		font-size: 12px;
	}
	div#owl-bvlq {
		margin: 0px;
	}
}
/* ----------------------------------------------------------------
Cart
-----------------------------------------------------------------*/


.cart .remove {
	font-size: 14px;
	color: #AD0800;
}

.cart .remove:hover { color: #000; }

.cart th {
	padding: 12px 15px !important;
	font-size: 14px;
	color: #555;
}

.cart td {
	padding: 12px 15px !important;
	vertical-align: middle !important;
	border-color: #E5E5E5 !important;
}

.cart-product-thumbnail a {
	display: block;
	width: 68px;
}

.cart-product-thumbnail img {
	display: block;
	width: 64px;
	height: 64px;
	border: 2px solid #EEE;
}

.cart-product-thumbnail img:hover { border-color: #AD0800; }

.cart-product-name a,
.product-name a {
	font-weight: bold;
	font-size: 13px;
	color: #000000;
}

.cart-product-name a:hover,
.product-name a:hover { color: #ad0800; }

.cart-product-price,
.cart-product-quantity,
.cart-product-subtotal { text-align: center !important; }

.cart-product-quantity .quantity {
	display: inline-block;
	margin: 0;
	float: none;
}

td.actions {
	padding: 20px 15px !important;
	vertical-align: top !important;
	background-color: #F5F5F5;
}
.fright {
	padding: 15px 40px;
	font-size: 15px;
	border: 1px solid #AD0800;
}
.fright:hover {
	padding: 15px 40px !important;
	border: 1px solid #000;
}
.checkout-buttons label {
	display: block !important;
	font-size: 15px;
	margin-bottom: 10px;
}
.f-cart {
	padding: 20px;
}
.f-cart th {
	font-weight: bold;
	font-size: 15px;
	color: #AD0800;
}
.table-responsive.no-cart {
	text-align: center;
}
.table-responsive.no-cart * {
	font-size: 15px;
	display: block;
	overflow: hidden;
	padding: 5px;
}
.table-responsive.no-cart a {
	color: #AD0800;
}
/*========================================POPUP=========================================*/
#popup-newletter {
	background: url(//theme.hstatic.net/1000312916/1000653010/14/pnewletter_bg.jpg?v=163) no-repeat scroll bottom right #fff;
	text-align: left;
	padding: 20px;
	min-width: 621px;
	min-height: 420px;
	overflow: hidden;
	background-size: cover;
}
#popup-newletter h3 {
	font-size: 22px;
	color: #f9f9f9;
	margin: 0px 0px 10px;
	padding: 8px 0px;
	font-weight: normal;
}
#popup-newletter .pnewle-message {
	width: 55%;
	color: #868686;
}
#popup-newletter .pnewle-message span {
	font-size: 14px;
	margin-bottom: 20px;
	display: block;
	line-height: 1.5;
}
#popup-newletter .pnewle-message p {
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
}
#popup-newletter .pnewle-message ul {
	margin-bottom: 20px;
}
#popup-newletter .pnewle-form {
	width: 53%;
}
#popup-newletter .pnewle-form .newsletter-input {
	font-size: 12px;
	font-style: italic;
	height: 33px;
}
.form-control {
	display: block;
	width: 100%;
	height: 36px;
	padding: 7px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}
#popup-newletter .pnewle-form .btn {
	margin-top: 10px;
	background-color: #078ceb;
	color: #fff;
	font-family: Open Sans;
	font-family: 'Calibri';
	font-style: italic;
	font-size: 11px;
	position: relative;
	padding: 5px 12px;
}
.social-icons {
	width: 53%;
	margin-top: 20px;
}
.social-icons .block_content ul {
	margin: 0px;
}
.social-icons .block_content ul li {
	width: 20%;
	text-align: center;
	padding: 0px;
	height: 40px;
	float: left;
}
.social-icons .block_content ul li a {
	font-size: 18px;
	display: inline-block;
	height: 35px;
	width: 35px;
	color: #828282;
	border: 1px solid transparent;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.social-icons .block_content ul li .fa {
	line-height: 35px;
	display: block;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
.social-icons .block_content ul li.facebook a:hover {
	border-color: #428bca;
}
.social-icons .block_content ul li.twitter a:hover {
	border-color: #5bc0de;
}
.social-icons .block_content ul li.rss a:hover {
	border-color: #0eba9e;
}
.social-icons .block_content ul li.youtube a:hover {
	border-color: #CC181E;
}
.social-icons .block_content ul li.google-plus a:hover {
	border-color: #4387fd;
}

.social-icons .block_content ul li span {
	font-size: 0px;
}
.fancybox-overlay{
	background: url('//theme.hstatic.net/1000312916/1000653010/14/fancybox_overlay.png?v=163');
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background: url('//theme.hstatic.net/1000312916/1000653010/14/fancybox_sprite.png?v=163');
}
#popup-newletter .pnewle-message ul li:before {
	content: "\f111";
	position: absolute;
	font-family: "FontAwesome";
	font-size: 5px;
	top: 3px;
	left: 10px;
}
#popup-newletter .pnewle-message ul li {
	font-size: 12px;
	position: relative;
	display: block;
	padding-left: 25px;
	margin: 10px 0px;
}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 991px){
	.bg {
		display: none;
	}
	.box-filter {
		display: none;
	}
	.line-fil {
		margin-bottom: 20px;
	}
	.catalog_filters {
		box-shadow: none !important;
		border-bottom: 1px solid #ccc;
	}
	#mobile-menu {
		display: block !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	a.logo img {
		width: 100px;
	}
	.fixhot .img-hot{
		height: 120px;
	}
	div#block-hot .img-hot {
		height: 240px;
	}
}
@media screen and (min-width: 768px) {
	#content-collection .product-list .item:nth-of-type(3n+1) {
		clear: both;
	}
}
@media screen and (max-width: 768px) {
	h1.title-page{
		font-size: 20px
	}
	#columns{
		padding-top: 0px;
	}
	#cart-page{
		margin-top: 0px;
	}
	.update-cart{
		margin-bottom: 10px;

	}
}
@media screen and (max-width: 767px) {
	#content-collection .product-list .item:nth-of-type(2n+1) {
		clear: both;
	}
	div#block-hot .img-hot {
		height: 250px;
	}
	.fixhot .img-hot {
		height: 130px;
	}
}
@media screen and (max-width: 480px) {
	#table-cart table td, #table-cart table th{
		padding: 1em 1px;
	}
	#cart #checkout,#update-cart,.bottom-cart-right{
		width: 100%
	}		
}
@media screen and (max-width: 320px) {

}
/*=================================== trung bày ===================================*/
.product-actions-grid {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(204, 0, 0, 0.9); /* Màu đỏ trùng với theme của bạn */
    padding: 10px 20px;
    display: flex;
    justify-content: space-between; /* Đưa 2 nút về 2 đầu cho cân bằng */
}

.product-actions-grid a {
    color: #fff;
    font-size: 18px;
}