@import url("font-awesome.css");
@import url("flexslider.css");
@import url("owl.carousel.css");
@import url("shortcodes.css");
@import url("jquery-ui.css");
@import url("waves.min.css");
@import url("cloud-zoom.css");
@import url("mCustomScrollbar.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
@import url("https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext,vietnamese");



/**
  *	Reset
  *	Repeatable Patterns
  * Boxed
  * Header
  * Menu Mega
  * Main Navigation
  * Main Navigation Mobile
  * Mega Mobile
  * Flat BreadCrumb
  * Main Blog
  * Main Post
  * Footer
  * Footer Bottom
  * Main Post Single
  * Comments
  * Preloader
*/

/* Reset
-------------------------------------------------------------- */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}



xten:hover {
	color: white;
	background-color: green;
}

body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
footer,
header,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
tt,
table,
tbody,
textarea,
tfoot,
thead,
time,
tr,
th,
td,
u,
ul,
var,
video {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

figure {
	margin: 0;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: button;
	border: none;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Repeatable Patterns
-------------------------------------------------------------- */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
	background-color: #fff;
	color: #656565;
	overflow: hidden;
	position: relative;
}

a {
	text-decoration: none;
	color: #333333;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
	color: #ec0928;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

ul,
ol {
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
}

b,
strong {
	font-weight: 900;
}

uttonb,
button:hover {
	border: none;
}

button:focus {
	outline: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: inline-block;
	color: #fff;
	padding: 0px 27px 0 27px;
	height: 48px;
	line-height: 42px;
	font-size: 14px;
	color: #ffffff;
	background: #e5e5e5;
	border-radius: 30px;
	font-weight: 600;
	font-family: "Nunito", sans-serif;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

button.search-submit-form {
	position: absolute;
	right: 2px;
	top: 7px;
	padding: 0px 10px;
	color: #999999;
	background-color: transparent;
	display: inline-block;
	height: 29px;
	line-height: 31px;
	font-size: 12px;
	border-color: transparent;
	border-left: 1px solid #d0d0d0;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="email"] {
	position: relative;
	display: block;
	font-family: 'Open Sans';
	width: 100%;
	line-height: 24px;
	padding: 8px 15px 8px 30px;
	color: #222222;
	border: 2px solid #e5e5e5;
	height: 48px;
	border-radius: 30px;
	background-color: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

select {
	border: none;
}

input[type="search"] {
	width: 250px;
	margin-bottom: 0px;
	border-radius: 0px;
	background-color: #ffffff;
}

input[type="email"] {
	padding: 8px 14px;
	color: #555555;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border: 2px solid #cacaca;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

textarea {
	width: 100%;
	padding: 11px 18px;
	height: 173px;
}

input[type="checkbox"] {
	display: inline;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
	color: #aeaeae;
	opacity: 1;
}

input:-ms-input-placeholder {
	color: #aeaeae;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #aeaeae;
	opacity: 1;
}

.btn {
	background-image: none;
}

select,
textarea,
input[type="text"],
input[type="submit"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.dropdown-menu,
.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	color: #727272;
}

select::-ms-expand {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
	font-weight: 500;
	color: #2d2d2d;
}

h4 {
	font-size: 18px;
}

.container {
	width: 100%;
}

.clearfix {
	clear: both;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.sale {
	color: #ec0928;
	font-weight: 500;
	font-size: 22px;
	font-family: 'Nunito';
}

.regular {
	color: #c5c5c5;
	font-size: 14px;
	text-decoration: line-through;
}

.background {
	background-color: #f5f5f5;
}

/* Boxed
-------------------------------------------------------------- */
.boxed {
	position: relative;
}

.boxed>.overlay {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 909;
	opacity: 0;
	display: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.boxed>.overlay.show {
	opacity: 1;
	display: block;
}

/* Header
-------------------------------------------------------------- */
#header {
	position: relative;
	z-index: 999;
	background-color: #fff;
}

/* Header Top */
.header-top {
	border-bottom: 1px solid #e5e5e5;
}

.header-top.style1 {
	background-color: #f5f5f5;
	padding: 6px 0;
}

.header-top.style2 {
	background-color: #ffa020;
	padding: 0px 0;
	border-bottom: none;
}

.header-top.style2 ul.flat-support>li>a {
	color: #fff;
}

.header-top.style2 ul.flat-support>li {
	border-color: #fec579;
}

.header-top.style2 ul.flat-infomation>li.phone {
	color: #fff;
}

.header-top.style2 ul.flat-infomation>li.phone>a {
	color: #Fff;
}

.header-top.style2 ul.flat-unstyled>li>a {
	color: #fff;
}

.header-top.style3 {
	background-color: #f5f5f5;
	padding: 0px 0;
	border-bottom: none;
}

.header-top.style4 {
	background-color: #f5f5f5;
	padding: 6px 0 6px;
	border-bottom: none;
}

/* Flat Support */
ul.flat-support li {
	display: inline-block;
	line-height: 38px;
	height: 37px;
}

ul.flat-support li a {
	border-right: 1px solid #e5e5e5;
	padding-right: 10px;
	padding-left: 7px;
	font-size: 12px;
	font-weight: 400;
}

ul.flat-support li:first-child>a {
	padding-left: 0;
}

ul.flat-support li:last-child>a {
	padding-right: 0;
	border-right: none;
}

ul.flat-support.style1>li,
ul.flat-unstyled.style2>li {
	display: inline-block;
	line-height: 27px;
	height: 24px;
}

/* Flat Infomation */
ul.flat-infomation {
	text-align: center;
}

ul.flat-infomation li.phone {
	color: #ec0928;
	line-height: 38px;
	height: 37px;
	letter-spacing: -0.5px;
}

.grid-right ul.flat-infomation li.phone {
	height: 55px;
	line-height: 59px;
	font-size: 15px;
}

/* Flat Unstyled */
ul.flat-unstyled {
	text-align: right;
	margin-right: 3px;
}

ul.flat-unstyled>li {
	display: inline-block;
	line-height: 38px;
	height: 37px;
	position: relative;
}

ul.flat-unstyled>li>a {
	border-left: 1px solid #e5e5e5;
	line-height: 1;
	padding-left: 9px;
	padding-right: 6px;
	letter-spacing: -0.5px;
}

ul.flat-unstyled>li:last-child>a {
	padding-right: 0;
}

ul.flat-unstyled>li:first-child>a {
	border-left: none;
}

ul.flat-unstyled>li>a i {
	padding-left: 10px;
	padding-right: 4px;
}

ul.flat-unstyled>li:last-child>a i {
	padding-right: 0px;
}

ul.flat-unstyled>li>ul {
	background-color: #fff;
	border-radius: 10px;
	padding: 10px 0;
	box-shadow: 0px 2px 3px 0px rgba(72, 72, 72, 0.15);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index: 99;
	width: 130px;
	text-align: left;
	top: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

ul.flat-unstyled>li>ul:before {
	content: '';
	position: absolute;
	left: 30px;
	top: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #e5e5e5;
	z-index: 100;
}

ul.flat-unstyled>li:hover>ul {
	opacity: 1;
	visibility: visible;
	top: 38px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

ul.flat-unstyled li>ul>li>a {
	display: block;
	padding: 1px 15px;
	line-height: 24px;
	font-size: 12px;
}

.flat-unstyled.style1 {
	float: right;
	line-height: 102px;
	height: 101px;
	margin-right: 3px;
}

/* Header Middle */
.header-middle #logo {
	line-height: 97px;
	margin-left: -2px;
	margin-bottom: 7px;
}

.header-middle .grid-left #logo {
	margin-bottom: 0px;
}

.header-middle .logo.style1 {
	float: left;
	width: 23%;
	margin-right: 0px;
}

.header-middle.style1 {
	background-color: #ec0928;
}

/* Show Search */
.show-search {
	display: none;
}

.show-search button {
	content: '';
	background: #fff;
	color: #ec0928;
	border-color: transparent;
	height: 45px;
	line-height: 45px;
	width: 45px;
	display: block;
	padding: 0;
	border-radius: 50%;
	position: relative;
}

.show-search button:before {
	content: "\f002";
	font-family: fontawesome;
	position: absolute;
	font-size: 18px;
	line-height: 45px;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
}

.show-search>button.active:before {
	content: "\f00d";
}

/* Top Search */
.top-search {
	padding: 27px 0;
	padding-left: 47px;
	margin-right: -21px;
}

.top-search form.form-search {
	position: relative;
}

.top-search form.form-search .cat-wrap {
	position: absolute;
	z-index: 9;
	padding: 15px 0;
}

.top-search form.form-search .cat-wrap-v1 {
	position: absolute;
	z-index: 9;
	padding: 12px 0;
}

.top-search form.form-search .cat-wrap select {
	height: 20px;
	line-height: 20px;
	padding: 1px 63px 0 36px;
	border-radius: 0px;
	border-right: 1px solid #e5e5e5;
}

.top-search form.form-search .cat-wrap span {
	position: absolute;
	top: 14px;
	right: 22px;
	color: #1b1b19;
	font-size: 14px;
}

.top-search form.form-search .cat-wrap-v1 span {
	top: 11px !important;
}

.top-search form.form-search .cat-wrap .all-categories {
	position: absolute;
	top: 80px;
	left: 0;
	width: 215px;
	border: 2px solid #484848;
	border-radius: 10px;
	height: 287px;
	background: #fff;
	padding: 10px 20px;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.top-search form.form-search .cat-wrap .all-categories.show {
	top: 55px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.top-search form.form-search .cat-wrap .all-categories:before {
	content: '';
	position: absolute;
	border-bottom: 5px solid #484848;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: -7px;
	left: 57px;
}

.top-search form.form-search .cat-wrap .all-categories .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #ec0928;
}

.top-search form.form-search .cat-wrap .all-categories .cat-list-search .title {
	color: #ec0928;
	line-height: 30px;
}

.top-search form.form-search .cat-wrap .all-categories .cat-list-search ul {
	margin-bottom: 5px;
}

.top-search form.form-search .cat-wrap .all-categories .cat-list-search ul li {
	padding-left: 9px;
	line-height: 20px;
	cursor: pointer;
}

.top-search form.form-search .cat-wrap .all-categories .cat-list-search ul li:hover {
	color: #ec0928;
}

.top-search form.form-search .box-search input {
	padding-left: 191px;
	padding-top: 11px;
	height: 49px;
}

.top-search form.form-search .box-search .btn-search {
	position: absolute;
	top: 0;
	right: 0;
}

.top-search form.form-search .box-search .search-suggestions {
	width: 800px;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.top-search form.form-search .box-search .search-suggestions.show {
	opacity: 1;
	visibility: visible;
	top: 77px;
}

/* Top Search Style1 */
.top-search.style1 {
	width: 610px;
	padding: 5px 0px 5px 1px;
	float: left;
}

.top-search.style1 form.form-search .box-search input {
	background-color: #fff;
	border-color: #fff;
	height: 45px;
	padding-left: 188px;
}

.top-search.style1 form.form-search .box-search .btn-search button {
	background: #484848;
	padding: 0px 27px 0 32px;
	height: 45px;
	line-height: 43px;
}

.top-search.style1 form.form-search .box-search .btn-search button img {
	margin-top: -3px;
}

/* Top Search Style2 */
.top-search.style2 {
	padding: 28px 0 26px 48px;
	float: left;
	width: 68%;
}

.top-search.style2 form.form-search .box-search .btn-search button {
	background: #484848;
	padding: 0 29px 0 30px;
	height: 49px;
	line-height: 39px;
}

.top-search.style2 form.form-search .box-search input {
	background-color: #fff;
	border-color: #fff;
}

/* Top Search Style3 */
.top-search.style3 {
	padding-left: 93px;
	margin-right: -37px;
}

/* Search Sugguestions */
.search-suggestions .box-suggestions {
	width: 55%;
	float: left;
	background: #fff;
	padding: 20px 30px;
}

.search-suggestions .box-suggestions .title,
.search-suggestions .box-cat .title {
	color: #ec0928;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 15px;
}

.search-suggestions .box-suggestions ul li {
	margin-bottom: 28px;
	overflow: hidden;
}

.search-suggestions .box-suggestions ul li .image {
	width: 40px;
	float: left;
	height: 40px;
	line-height: 50px;
	margin-right: 20px;
}

.search-suggestions .box-suggestions ul li .info-product {
	overflow: hidden;
}

.search-suggestions .box-suggestions ul li .info-product .name a:not(:hover) {
	color: #484848;
}

.search-suggestions .box-suggestions ul li .info-product .price .sale {
	color: #484848;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Nunito';
	margin-right: 15px;
}

.search-suggestions .box-suggestions ul li .info-product .price .regular {
	font-size: 13px;
}

.search-suggestions .box-cat {
	width: 45%;
	float: left;
	background: #f5f5f5;
	padding: 20px 30px;
	height: 541px;
	overflow: hidden;
}

.search-suggestions .box-cat li a {
	color: #484848;
	line-height: 30px;
}

/* Box Cart */
.box-cart {
	text-align: right;
	padding: 27px 0;
}

.box-cart .inner-box {
	display: inline-block;
	position: relative;
}

.box-cart .inner-box>a>div {
	display: inline-block;
}

.box-cart .inner-box>a>div.icon-cart {
	height: 48px;
	line-height: 40px;
	width: 48px;
	text-align: center;
	border: 2px solid #e5e5e5;
	border-radius: 50%;
	position: relative;
}

.box-cart .inner-box>a:hover>div.icon-cart {
	border-color: #ec0928;
}

.box-cart .inner-box>a>div.icon-cart span {
	position: absolute;
	top: -3px;
	right: -8px;
	background-color: #ec0928;
	width: 20px;
	height: 20px;
	line-height: 18px;
	color: #f4f4f4;
	font-size: 11px;
	border-radius: 50%;
}

.box-cart .inner-box>a>.price {
	font-weight: 600;
	font-size: 16px;
	margin-left: 8px;
}

.box-cart .inner-box ul.menu-compare-wishlist li {
	display: inline-block;
	margin-right: 19px;
}

.box-cart .inner-box ul.menu-compare-wishlist li a {
	display: inline-block;
	height: 48px;
	width: 48px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #e5e5e5;
	border-radius: 50%;
}

.box-cart .inner-box ul.menu-compare-wishlist li a:hover {
	border-color: #ec0928;
}

.box-cart .inner-box .dropdown-box {
	padding: 25px 20px 32px;
	position: absolute;
	background-color: #fff;
	border-radius: 8px;
	top: 150px;
	width: 332px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
	box-shadow: 0px 2px 3px 0px rgba(72, 72, 72, 0.15);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.box-cart .inner-box .dropdown-box:before {
	content: '';
	position: absolute;
	top: -7px;
	right: 70px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #e5e5e5;
}

.box-cart>.inner-box:hover>.dropdown-box {
	top: 55px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.box-cart .inner-box .dropdown-box>ul>li {
	position: relative;
	margin-bottom: 30px;
}

.box-cart .inner-box .dropdown-box>ul>li .img-product {
	float: left;
	margin-right: 20px;
	width: 64px;
	height: 64px;
	border: 2px solid transparent;
	border-radius: 8px;
	text-align: center;
}

.box-cart .inner-box .dropdown-box>ul>li:hover .img-product {
	border-color: #e5e5e5;
}

.box-cart .inner-box .dropdown-box>ul>li .info-product {
	text-align: left;
}

.box-cart .inner-box .dropdown-box>ul>li .info-product .name {
	margin-bottom: 3px;
	color: #484848;
	font-size: 12px;
	line-height: 20px;
}

.box-cart .inner-box .dropdown-box>ul>li .info-product .price {
	color: #ec0928;
}

.box-cart .inner-box .dropdown-box>ul>li span.delete {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	cursor: pointer;
}

.box-cart .inner-box .dropdown-box .total {
	text-align: left;
}

.box-cart .inner-box .dropdown-box .total span {
	color: #484848;
	font-weight: bold;
	font-size: 14px;
}

.box-cart .inner-box .dropdown-box .total span.price {
	color: #ec0928;
	font-size: 22px;
	font-weight: 500;
	float: right;
}

.box-cart .inner-box .dropdown-box .btn-cart {
	margin-top: 30px;
	overflow: hidden;
}

.box-cart .inner-box .dropdown-box .btn-cart a.view-cart {
	padding: 10px 33px;
	color: #ec0928;
	border: 2px solid #ec0928;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 5;
}

.box-cart .inner-box .dropdown-box .btn-cart a.view-cart:hover {
	color: #fff;
}

.box-cart .inner-box .dropdown-box .btn-cart a.view-cart:before,
.box-cart .inner-box .dropdown-box .btn-cart a.check-out:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: #ec0928;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.box-cart .inner-box .dropdown-box .btn-cart a.view-cart:hover:before,
.box-cart .inner-box .dropdown-box .btn-cart a.check-out:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.box-cart .inner-box .dropdown-box .btn-cart a.check-out {
	padding: 12px 35px;
	color: #fff;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	background-color: #484848;
	float: right;
	position: relative;
	overflow: hidden;
	z-index: 5;
}

.box-cart .inner-box .dropdown-box .btn-cart a.check-out:hover {
	border-color: transparent;
}

/* Header Bottom */
.header-bottom {
	background-color: #ec0928;
}

.header-bottom>.container>.row {
	position: relative;
}

.header-bottom.style2 {
	background-color: #e58400;
}

.header-bottom.style3 {
	background-color: #27c1f1;
}

/* Menu Mega
-------------------------------------------------------------- */
#mega-menu {
	position: relative;
	top: -10px;
	height: 55px;
	width: 250px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#mega-menu>.btn-mega {
	font-weight: 600;
	font-size: 16px;
	color: #fefefe;
	height: 65px;
	padding-left: 87px;
	line-height: 65px;
	background-color: #484848;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	position: relative;
	z-index: 98;
	cursor: pointer;
}

#mega-menu:hover ul.menu {
	top: -1px;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#mega-menu>.btn-mega>span {
	position: absolute;
	height: 2px;
	width: 18px;
	left: 46px;
	top: 31px;
	background-color: #fff;
	display: inline-block;
}

#mega-menu>.btn-mega>span:before {
	content: '';
	position: absolute;
	height: 2px;
	width: 24px;
	top: -7px;
	background-color: #fff;
}

#mega-menu>.btn-mega>span:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 24px;
	top: 7px;
	background-color: #fff;
}

#mega-menu>ul.menu {
	position: relative;
	z-index: 90;
	background-color: #fff;
	border: 1px solid #484848;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	top: -40px;
	opacity: 0;
	visibility: hidden;
	height: 516px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#mega-menu>ul.menu>li>a {
	height: 50px;
	line-height: 51px;
	padding: 0 24px;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	position: relative;
}

#mega-menu>ul.menu>li:last-child>a {
	border-bottom: none;
}

#mega-menu>ul.menu>li:hover>a .menu-title {
	color: #ec0928;
}

#mega-menu>ul.menu>li>a.dropdown:after {
	content: '\f105';
	position: absolute;
	font-family: 'fontawesome';
	right: 29px;
	font-size: 14px;
	color: #484848;
}

#mega-menu>ul.menu>li>a .menu-img {
	margin-right: 18px;
	min-width: 30px;
	display: inline-block;
	text-align: center;
}

#mega-menu>ul.menu>li>a .menu-title {
	color: #484848;
}

#mega-menu.style1>ul.menu {
	transform: translateY(0%);
	opacity: 1;
	top: -1px;
	visibility: visible;
	border-width: 1px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#mega-menu>ul.menu>li:hover>.drop-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(0%);
}

#mega-menu>ul.menu>li .drop-menu {
	transform: translateX(-10%);
	opacity: 0;
	visibility: hidden;
	padding: 27px 7px 27px 0;
	position: absolute;
	top: -1px;
	left: 270px;
	width: 875px;
	border-radius: 10px;
	z-index: -1;
	height: 516px;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#mega-menu>ul.menu>li .drop-menu>.one-third {
	width: 33.3%;
	float: left;
	padding-left: 42px;
	padding-right: 15px;
}

#mega-menu>ul.menu>li .drop-menu>.one-third .cat-title {
	color: #ec0928;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

#mega-menu>ul.menu>li .drop-menu>.one-third ul li {
	margin-bottom: 5px;
}

#mega-menu>ul.menu>li .drop-menu>.one-third ul li a:not(:hover) {
	color: #484848;
}

#mega-menu>ul.menu>li .drop-menu>.one-third .show a {
	color: #ec0928;
	font-weight: bold;
	position: relative;
}

#mega-menu>ul.menu>li .drop-menu>.one-third .show a:before {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -4px;
	right: 0;
	background: #ec0928;
	-webkit-transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
	-o-transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
	transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
}

#mega-menu>ul.menu>li .drop-menu>.one-third .show a:hover:before {
	width: 100%;
	left: 0;
}

#mega-menu>ul.menu>li .drop-menu>.one-third ul.banner li {
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	background-color: #e5e5e5;
	height: 110px;
	padding: 30px 10px 30px 18px;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#mega-menu>ul.menu>li .drop-menu>.one-third ul.banner li:hover {
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#mega-menu>ul.menu>li .drop-menu>.one-third ul.banner li .banner-text {
	float: left;
}

#mega-menu>ul.menu>li .drop-menu>.one-third ul.banner li .banner-text .banner-title {
	font-weight: bold;
	font-size: 18px;
	color: #ec0928;
}

#mega-menu>ul.menu>li .drop-menu>.one-third ul.banner li .banner-text .more-link a img {
	margin-left: 10px;
}

#mega-menu>ul.menu>li .drop-menu>.one-third ul.banner li .banner-img {
	float: right;
}

/* Main Navigation
-------------------------------------------------------------- */
#mainnav {
	padding-left: 30px;
	float: left;
}

#mainnav>ul.menu {
	word-spacing: -4px;
}

#mainnav>ul.menu>li {
	display: inline-block;
	line-height: 57px;
	height: 55px;
}

#mainnav ul.menu>li>a {
	display: inline-block;
	color: #fefefe;
	font-size: 14px;
	font-weight: 500;
	padding: 0 21.5px;
	border-right: 1px solid #fec579;
	line-height: 1;
	position: relative;
	z-index: 8;
}

#mainnav ul.menu>li>a:after {
	content: '';
	position: absolute;
	bottom: -20px;
	left: -1px;
	opacity: 0;
	background-color: #fff;
	height: 48px;
	width: calc(100% + 2px);
	z-index: -3;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#mainnav ul.menu>li:hover>a {
	color: #ec0928;
}

#mainnav ul.menu>li:hover>a:after {
	opacity: 1;
}

#mainnav ul.menu>li:last-child>a {
	border-right: none;
}

#mainnav.style1 {
	padding-left: 144px;
	line-height: 104px;
}

#mainnav.style1 ul.menu>li>a {
	color: #484848;
	border: none;
	padding: 0;
	font-weight: 500;
	margin-right: 33px;
}

#mainnav.style2 {
	padding-left: 55px;
}

#mainnav.style2 ul.menu>li {
	margin-top: 24px;
}

#mainnav.style2 ul.menu>li>a {
	margin-right: 43.5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #656565;
	padding: 0;
	border-right: 0px;
}

#mainnav.style2 ul.menu>li:last-child>a {
	margin-right: 0px;
}

#mainnav.style2 ul.menu>li.has-mega-menu:hover>.submenu {
	top: 80px;
}

#mainnav.style3 ul.menu>li>a {
	color: #484848;
	border-color: #c9c9c9;
}

#mainnav.style4 {
	padding-left: 72px;
}

#mainnav ul.menu>li:hover>.submenu {
	opacity: 1;
	visibility: visible;
	top: 55px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#mainnav.style1 ul.menu>li.column-1:hover>.submenu {
	top: 55px;
}

#mainnav.style1 ul.menu>li:hover>.submenu {
	top: 80px;
}

/* Today Deal */
.today-deal {
	float: right;
}

.today-deal a {
	line-height: 55px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	position: relative;
}

.today-deal a:before {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -4px;
	right: 0;
	background: #fff;
	-webkit-transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
	-o-transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
	transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
}

.today-deal a:hover:before {
	width: 100%;
	left: 0;
}

.today-deal.style1>a {
	color: #000000;
}

/* Sub Menu */
ul.menu li.column-1 {
	position: relative;
}

ul.menu li.column-1 .submenu {
	width: 263px;
	left: -1px;
	padding: 18px 0;
}

ul.menu li.column-1 .submenu>li {
	line-height: 30px;
}

ul.menu li.column-1 .submenu>li:last-child {
	border-bottom: none;
}

ul.menu li.column-1 .submenu>li>a {
	display: block;
	font-size: 13px;
	padding-left: 22px;
	position: relative;
	font-weight: 500;
	color: #484848;
}

ul.menu li.column-1 .submenu>li>a:hover {
	color: #ec0928;
}

ul.menu li.column-1 .submenu>li>a i {
	padding-right: 15px;
}

.submenu .row:not(:last-child) {
	margin-bottom: 30px;
}

.submenu .col-md-4 {
	padding-left: 50px;
}

.submenu .cat-title {
	color: #ec0928;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}

.submenu ul>li {
	margin-bottom: 5px;
	line-height: 24px;
}

.submenu .show {
	line-height: 24px
}

.submenu .show a {
	color: #ec0928;
	font-weight: 700;
	position: relative;
}

.submenu .show a:before {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -4px;
	right: 0;
	background: #ec0928;
	-webkit-transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
	-o-transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
	transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
}

.submenu .show a:hover:before {
	width: 100%;
	left: 0;
}

/* Main Navigation Mobile
-------------------------------------------------------------- */
#mainnav-mobi {
	display: block;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 1000;
	background-color: #222222;
}

#mainnav-mobi>ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainnav-mobi ul li {
	margin: 0;
	position: relative;
	text-align: left;
	border-top: 1px solid #333333;
	cursor: pointer;
	display: block;
}

#mainnav-mobi ul>li>a {
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #fff;
	border: none;
}

#mainnav-mobi ul.submenu {
	top: 100%;
	left: 0;
	z-index: 2000;
	position: relative;
	background-color: #222222;
}

#mainnav-mobi>ul>li>ul>li {
	position: relative;
	border-top: 1px solid #333333;
}

#mainnav-mobi ul.submenu>li>a {
	display: block;
	text-decoration: none;
	padding: 0 50px;
	border-top-color: rgba(255, 255, 255, .1);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#mainnav-mobi>ul>li>ul>li:first-child a {
	border-top: none;
}

#mainnav-mobi ul.submenu>li>a:hover,
#mainnav-mobi>ul>li>ul>li.active>a {
	color: #fff;
}

#mainnav-mobi ul.menu li.has-mega-menu .submenu {
	background: #222222;
	right: 0px;
	width: 100%;
	position: relative;
}

#mainnav-mobi ul.menu li.has-mega-menu h3.cat-title {
	color: #fff;
	padding-left: 50px;
	cursor: pointer;
}

#mainnav-mobi ul.menu li.has-mega-menu .submenu .row:not(:last-child) {
	margin: 0;
}

/* Button Menu */
.btn-menu,
.btn-menu-mega {
	display: none;
	position: relative;
	background: transparent;
	cursor: pointer;
	float: right;
	top: 10px;
	width: 25px;
	height: 25px;
	border: 2px solid #fff;
	padding: 15px 18px 17px;
	border-radius: 4px;
	z-index: 8;
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
}

.btn-menu-mega {
	background: #484848;
	border-color: #484848;
}

.btn-menu:before,
.btn-menu:after,
.btn-menu span,
.btn-menu-mega:before,
.btn-menu-mega:after,
.btn-menu-mega span {
	background-color: #fff;
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after,
.btn-menu-mega:before,
.btn-menu-mega:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 25px;
	left: 5px;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.btn-menu span,
.btn-menu-mega span {
	position: absolute;
	width: 25px;
	height: 2px;
	left: 5px;
	top: 50%;
	overflow: hidden;
	text-indent: 200%;
}

.btn-menu-mega span {
	width: 20px;
}

.btn-menu:before,
.btn-menu-mega:before {
	-webkit-transform: translate3d(0, -7px, 0);
	transform: translate3d(0, -7px, 0);
}

.btn-menu:after,
.btn-menu-mega:after {
	width: 25px;
	-webkit-transform: translate3d(0, 7px, 0);
	transform: translate3d(0, 7px, 0);
}

.btn-menu.active:after,
.btn-menu-mega.active:after {
	width: 25px;
}

.btn-menu.active span,
.btn-menu-mega.active span {
	opacity: 0;
}

.btn-menu.active:before,
.btn-menu-mega.active:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.btn-menu.active:after,
.btn-menu-mega.active:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

.btn-submenu,
.btn-submenu-child {
	position: absolute;
	right: 0px;
	top: -1px;
	font: 20px/51px 'FontAwesome';
	text-align: center;
	cursor: pointer;
	width: 51px;
	height: 50px;
	background: #333;
}

.btn-submenu-child {
	right: 57px;
	top: 0px;
	height: 45px;
	line-height: 46px;
}

.btn-submenu:before {
	content: "\f107";
	color: #ffffff;
}

.btn-submenu-child:before {
	content: "\f107";
	color: #fff;
}

.btn-submenu.active:before,
.btn-submenu-child.active:before {
	content: "\f106"
}

/* Mega Mobile
-------------------------------------------------------------- */
#mega-mobile {
	display: block;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 1000;
	background-color: #222222;
}

#mega-mobile>ul.menu>li>a {
	color: #fff;
	display: block;
	padding: 15px 0;
	cursor: pointer;
	padding-left: 15px;
	border-bottom: 1px solid #333;
	position: relative;
}

#mega-mobile>ul.menu>li>a .menu-img {
	margin-right: 18px;
	min-width: 30px;
	display: inline-block;
	text-align: center;
}

#mega-mobile>ul.menu>li>a.dropdown .btn-dropdown,
.btn-dropdown-child {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	width: 54px;
	height: 54px;
	background: #262626;
	text-align: center;
	cursor: pointer;
	font: 20px/54px 'FontAwesome';
}

.btn-dropdown-child {
	right: 0px;
	width: 44px;
	height: 44px;
	line-height: 44px;
}

#mega-mobile>ul.menu>li>a.dropdown .btn-dropdown:after,
.btn-dropdown-child:after {
	content: '\f107';
}

#mega-mobile>ul.menu>li>a.dropdown .btn-dropdown.active:after,
.btn-dropdown-child.active:after {
	content: '\f106';
}

#mega-mobile>ul.menu>li>.drop-menu {
	padding: 0 54px 0 50px;
}

#mega-mobile>ul.menu>li>.drop-menu .cat-title {
	position: relative;
	color: #f5f5f5;
	padding: 10px 0;
	border-bottom: 1px solid #333;
}

#mega-mobile>ul.menu>li>.drop-menu ul {
	padding-left: 20px;
}

#mega-mobile>ul.menu>li>.drop-menu ul li {
	border-bottom: 1px solid #333;
}

#mega-mobile>ul.menu>li>.drop-menu ul li a {
	color: #f5f5f5;
	font-size: 12px;
	padding: 8px 0;
	display: block;
}

#mega-mobile>ul.menu>li>.drop-menu .show,
#mega-mobile>ul.menu>li>.drop-menu .one-third:nth-child(3) {
	display: none;
}

/* Flat BreadCrumb
-------------------------------------------------------------- */
.flat-breadcrumb {
	border-bottom: 1px solid #e5e5e5;
	padding: 16px 0;
}

.flat-breadcrumb ul.breadcrumbs li {
	display: inline-block;
	vertical-align: middle;
}

.flat-breadcrumb ul.breadcrumbs li.trail-item {
	margin-right: 11px;
	margin-left: 2px;
}

.flat-breadcrumb ul.breadcrumbs li.trail-item a {
	margin-right: 19px;
	color: #8c8c8c;
	font-weight: 500;
}

.flat-breadcrumb ul.breadcrumbs li.trail-item a:hover {
	color: #ec0928;
}

.flat-breadcrumb ul.breadcrumbs li.trail-item span {
	float: right;
}

.flat-breadcrumb ul.breadcrumbs li.trail-end {
	line-height: 10px;
}

.flat-breadcrumb ul.breadcrumbs li.trail-end a {
	padding: 0px 25px 0px 22px;
	border: 1px solid #e5e5e5;
	border-radius: 30px;
	color: #2d2d2d;
	height: 36px;
	line-height: 34px;
	font-weight: 500;
	position: relative;
	display: inline-block;
	overflow: hidden;
	z-index: 5;
}

.flat-breadcrumb ul.breadcrumbs li.trail-end a:before,
.form-coupon form button:before,
.cart-totals form .btn-cart-totals a.update:before,
.cart-totals form .btn-cart-totals a.checkout:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #ec0928;
	z-index: -1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.flat-breadcrumb ul.breadcrumbs li.trail-end a:hover:before,
.form-coupon form button:hover:before,
.cart-totals form .btn-cart-totals a.update:hover:before,
.cart-totals form .btn-cart-totals a.checkout:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.flat-breadcrumb ul.breadcrumbs li.trail-end a:hover {
	color: #fff;
	border-color: #ec0928;
}

/* Main Blog
-------------------------------------------------------------- */
.main-blog {
	margin-top: 30px;
}

/* Sidebar */
.sidebar .widget {
	margin-bottom: 36px;

}

.sidebar .widget .widget-title h3 {
	font-size: 20px;
	font-family: 'Nunito';
	font-weight: 500;
	color: #2d2d2d;
	padding-bottom: 15px;
	margin-bottom: 22px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}

.sidebar .widget .widget-title h3 span:before {
	content: '';
	position: absolute;
	background-color: #484848;
	height: 2px;
	width: 15px;
	top: 8px;
	right: 0;
	cursor: pointer;
}

.sidebar .widget .widget-title h3 span:after {
	content: '';
	position: absolute;
	background-color: #484848;
	height: 15px;
	width: 2px;
	top: 2.5px;
	right: 6.5px;
	cursor: pointer;
	opacity: 0;
}

.sidebar .widget .widget-title h3 span.active:after {
	opacity: 1;
}

/* Widget Search */
.widget-search form input {
	height: 40px;
	border: none;
	background: #f5f5f5;
}

/* Widget Categories */
.widget-categories>ul.cat-list>li {
	margin-bottom: 15px;
	font-weight: 400;
}

.widget-categories>ul.cat-list>li:last-child {
	margin-bottom: 12px;
}

.widget-categories>ul.cat-list>li>a {
	color: #484848;
	padding-left: 21px;
	position: relative;
}

.widget-categories>ul.cat-list>li.active>a {
	color: #ec0928;
}

.widget-categories>ul.cat-list>li>a:before {
	content: '\f105';
	position: absolute;
	font-family: 'fontawesome';
	top: -2px;
	left: 0;
}

.widget-categories>ul.cat-list>li>a:hover {
	color: #ec0928;
}

.widget-categories>ul.cat-list>li>a>span {
	color: #bababa;
	font-size: 12px;
	margin-left: 10px;
}

.widget-categories>ul.cat-list>li>ul.cat-child {
	padding-left: 32px;
	margin-top: 6px;
}

.widget-categories>ul.cat-list>li>ul.cat-child li {
	margin-bottom: 1px;
}

.widget-categories>ul.cat-list>li>ul.cat-child li a {
	color: #bababa;
}

/* Product List */
ul.product-list li:not(:last-child) {
	margin-bottom: 32px;
}

ul.product-list li .img-product {
	float: left;
	margin-right: 21px;
}

ul.product-list li .img-product img {
	border-radius: 8px;
}

ul.product-list li .info-product {
	overflow: hidden;
}

ul.product-list li .info-product .name {
	line-height: 24px;
	color: #484848;
}

ul.product-list li .info-product .queue {
	margin-left: 2px;
	line-height: 21px;
	margin-bottom: 5px;
}

ul.product-list li .info-product .queue i {
	color: #ec0928;
	font-size: 11px;
}

ul.product-list li .info-product .price .sale {
	font-family: 'Nunito';
	font-size: 18px;
	color: #484848;
	font-weight: 500;
	margin-right: 8px;
}

ul.product-list li .info-product .price .regular {
	color: #c5c5c5;
	font-weight: 400;
	font-size: 13px;
}

/* Widget Tags */
.widget-tags {
	margin-top: 56px;
}

.sidebar .widget-tags .widget-title h3 {
	margin-bottom: 26px;
}

.widget-tags ul.tag-list li {
	display: inline-block;
	margin-right: 17px;
	margin-bottom: 11px;
}

.widget-tags ul.tag-list li a {
	display: inline-block;
	padding: 5px 28px;
	color: #8c8c8c;
	font-size: 12px;
	background-color: #f5f5f5;
	border-radius: 30px;
}

.widget-tags ul.tag-list li a:hover {
	color: #FFF;
	background-color: #ec0928;

}


/* Main Post
-------------------------------------------------------------- */
article.main-post {
	margin-bottom: 44px;
}

.post-wrap.style2 {
	margin-right: -14px;
	margin-left: -14px;
}

article.main-post .featured-post a img {
	border-radius: 10px;
}

article.main-post .content-post h3.title-post {
	font-weight: 500;
	margin-bottom: 18px;
}

article.main-post .content-post h3.title-post a:not(:hover) {
	color: #2d2d2d;
}

article.main-post .content-post ul.meta-post {
	margin-bottom: 11px;
}

article.main-post .content-post ul.meta-post li {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin-left: 2px;
	margin-right: 23px;
}

article.main-post .content-post ul.meta-post li:last-child {
	margin-right: 0px;
}

article.main-post .content-post ul.meta-post li.comment a:not(:hover) {
	color: #f92400;
}

article.main-post .content-post ul.meta-post li.date a:not(:hover) {
	color: #ec0928;
}

article.main-post .content-post .entry-post>p {
	color: #919191;
}

article.main-post .content-post .entry-post .more-link {
	margin-top: 29px;
}

article.main-post .content-post .entry-post .more-link a {
	display: inline-block;
	width: 192px;
	padding-left: 43px;
	line-height: 48px;
	height: 50px;
	border: 2px solid #e5e5e5;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 500;
	color: #2d2d2d;
	text-align: left;
	position: relative;
	z-index: 9;
	overflow: hidden;
}

article.main-post .content-post .entry-post .more-link a:hover {
	color: #fff;
}

article.main-post .content-post .entry-post .more-link a:before {
	content: '';
	position: absolute;
	background: #ec0928;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

article.main-post .content-post .entry-post .more-link a:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

article.main-post .content-post .entry-post .more-link a span {
	padding-left: 16px;
}

article.main-post.style1 {
	margin-bottom: 46px;
}

article.main-post.style1:last-child {
	padding-top: 10px;
	overflow: hidden;
	margin-bottom: 65px;
}

article.main-post.style1 .featured-post {
	float: left;
	margin-right: 35px;
}

article.main-post.style1 .content-post h3.title-post {
	line-height: 26px;
	margin-bottom: 16px;
}

article.main-post.style2 {
	width: 50%;
	float: left;
	padding-left: 14px;
	padding-right: 14px;
	margin-bottom: 42px;
}

article.main-post.style2:last-child {
	margin-bottom: 53px;
}

article.main-post.style3 {
	padding: 0 49px;
	text-align: center;
}

.post-wrap article.main-post.style3:last-child {
	margin-bottom: 34px;
}

article.main-post.style3 .content-post {
	padding: 0 100px;
}

article.main-post.style4 .content-post .entry-post>p {
	letter-spacing: 0px;
}

article.main-post.style4 .content-post h3.title-post {
	margin-bottom: 13px;
}

/* Blog Pagination */
.blog-pagination {
	padding: 16px 0 10px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 70px;
}

.blog-pagination.style1 {
	margin-bottom: 30px;
}

.blog-pagination span {
	float: left;
	line-height: 42px;
}

ul.flat-pagination {
	text-align: center;
	overflow: hidden;
}

ul.flat-pagination li {
	display: inline-block;
	margin: 0 5px;
}

ul.flat-pagination li a {
	display: inline-block;
	height: 40px;
	line-height: 37px;
	width: 40px;
	text-align: center;
	color: #484848;
	border: 2px solid #e5e5e5;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

ul.flat-pagination li.active a,
ul.flat-pagination li a:hover {
	background-color: #ec0928;
	color: #fffefe;
	border-color: #ec0928;
}

ul.flat-pagination li.next a img {
	margin-left: 15px;
}

ul.flat-pagination li.prev a img {
	margin-right: 15px;
}

ul.flat-pagination li.prev a,
ul.flat-pagination li.next a {
	width: auto;
	border: none;
}

ul.flat-pagination li.prev a:hover,
ul.flat-pagination li.next a:hover {
	background: none;
	border: none;
	color: #ec0928;
}

ul.flat-pagination.style1 {
	float: right;
}

ul.flat-pagination.style1 li {
	margin: 0 4.5px;
}

ul.flat-pagination.style1 li.next {
	margin-right: 2px;
}

ul.flat-pagination.style1 li.prev {
	margin-right: 11px;
}

.blog-pagination.style2 {
	margin-bottom: 60px;
}

.blog-pagination.style3 {
	margin-bottom: 48px;
}

.blog-pagination.style4 {
	margin-bottom: 41px;
}

/* Footer
-------------------------------------------------------------- */
footer {
	padding: 44px 0 42px;
	border-top: 1px solid #e5e5e5;
	background-color: #fff;
}

footer.style1 {
	background-color: #f5f5f5;
	border-top: none;
	border-radius: 10px;
	margin: 0 270px;
}

footer.style2 {
	border-top: none;
	background: url('../images/slider/bg-ft.jpg') bottom center repeat;
}

footer.style2 .container-fluid {
	background-color: #f5f5f5;
	padding: 40px 70px;
	border-radius: 5px;
}

footer.style3 {
	padding: 33px 0 42px;
}

footer.style4 {
	width: 1720px;
	margin: 0 auto;
	padding: 45px 0 42px;
	background: #f5f5f5;
	border-radius: 10px;
	border-top: none;
}

footer.style4 .widget-about {
	padding-left: 54px;
}

footer.style4 .widget-categories-ft {
	padding-left: 95px;
}

footer.style4 .widget-menu {
	padding-left: 82px;
}

footer.style4 .widget-newsletter {
	padding-right: 55px;
	margin-left: -15px;
}

/* Footer Bottom
-------------------------------------------------------------- */
.footer-bottom {
	background-color: #f5f5f5;
	padding: 24px 0;
}

.footer-bottom.style2 {
	background-color: #151515;
}

.footer-bottom.style2 .copyright {
	color: #717171;
}

.footer-bottom .copyright {
	color: #484848;
	float: left;
	line-height: 34px;
	margin-left: -1px;
}

.footer-bottom .btn-scroll {
	float: right;
}

.footer-bottom .btn-scroll ul {
	display: inline-block;
	margin-top: 0px;
	margin-right: 31px;
}

.footer-bottom .btn-scroll ul li {
	margin-right: 12px;
}

.footer-bottom .btn-scroll a {
	display: inline-block;
	margin-right: 1px;
	margin-top: 3px;
}

.footer-bottom.style1 {
	background-color: #fff;
}

.anarus-red {
	color: #ec0928 !important;
}

.widget-ft .widget-title h3 {
	color: #484848;
	font-weight: 500;
	margin-top: 8px;
	margin-bottom: 24px;
	margin-left: -1px;
}

.widget-ft.style2 .widget-title h3 {
	color: #fff;
}

/* Widget About */
.widget-about .logo-ft {
	margin-bottom: 21px;
	margin-left: -2px;
}

.widget-about .widget-content {
	padding-top: 15px;
}

.widget-about .widget-content .icon {
	float: left;
	margin-right: 16px;
	margin-top: 27px;
}

.widget-about .widget-content .info {
	margin-left: 68px;
}

.widget-about .widget-content .info p.questions {
	font-size: 14px;
	color: #919191;
	line-height: 36px;
}

.widget-about .widget-content .info p.phone {
	font-size: 18px;
	font-weight: 700;
	color: #484848;
	margin-right: -30px;
	margin-bottom: 9px;
}

.widget-about.style2 .widget-content .info p.phone {
	color: #fff;
}

.widget-about .widget-content .info p.address {
	line-height: 18px;
	color: #919191;
}

.widget-about ul.social-list {
	margin-top: 33px;
}

/* Social List */
ul.social-list li {
	display: inline-block;
	font-size: 18px;
	margin-right: 27px;
}

ul.social-list li:last-child {
	margin-right: 0px;
}

ul.social-list li a {
	color: #d5d5d5;
}

ul.social-list li a:hover {
	color: #919191;
}

/* Widget Categories */
.widget-categories-ft {
	padding-left: 66px;
}

.widget-categories-ft ul.cat-list-ft li,
.widget-menu ul li {
	line-height: 30px;
}

.widget-categories-ft ul.cat-list-ft li a:not(:hover),
.widget-menu ul li a:not(:hover) {
	color: #919191;
}

/* Widget Newsletter */
.widget-newsletter>p {
	color: #919191;
	line-height: 22px;
	margin-bottom: 19px;
	margin-top: 30px;
}

.widget-newsletter .subscribe-form .subscribe-content {
	position: relative;
}

.widget-newsletter .subscribe-form .subscribe-content input {
	padding: 16px 25px 15px;
	height: 49px;
}

.widget-newsletter .subscribe-form .subscribe-content button {
	position: absolute;
	top: 0;
	right: -3px;
	background-color: transparent;
}

.widget-newsletter.style2 .subscribe-form .subscribe-content input {
	border-width: 1px;
	border-color: #484848;
	color: #484848;
}

/* Pay List */
ul.pay-list {
	margin-top: 22px;
	margin-left: 6px;
}

ul.pay-list li {
	display: inline-block;
	margin-right: 13px;
}

ul.pay-list li:last-child {
	margin-right: 0px;
}

/* Widget Apps */
.widget-apps .widget-title h3 {
	text-align: center;
	color: #484848;
	font-weight: 500;
	margin-top: 33px;
	margin-bottom: 25px;
}

.widget-apps.style2 ul.app-list li {
	border: 1px solid #484848;
}

.widget-apps.style2 ul.app-list li a .text h4 {
	color: #fff;
}

/* App list */
ul.app-list {
	text-align: center;
	overflow: hidden;
}

ul.app-list li {
	height: 75px;
	width: 232px;
	border: 2px solid #e5e5e5;
	border-radius: 8px;
	position: relative;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

ul.app-list li:hover {
	border: 2px solid #ec0928;
}

ul.app-list li.app-store {
	margin-right: 25px
}

ul.app-list li a {
	display: block;
	padding: 13px 21px;
}

ul.app-list li a .img {
	float: left;
	margin-right: 33px;
}

ul.app-list li.google-play a .img {
	margin-right: 21px;
}

ul.app-list li a .text {
	text-align: left;
}

ul.app-list li a .text h4 {
	color: #484848;
	font-weight: 500;
	line-height: 24px;
}

ul.app-list li a .text p {
	color: #919191;
}

/* App List Style1 */
ul.app-list.style1 {
	text-align: left;
}

ul.app-list.style1 .app-store {
	margin: 0;
	margin-bottom: 18px;
}

ul.app-list.style1 .google-play {
	margin-bottom: 8px;
}

/* Menu Tab */
.tabs ul.menu-tab {
	text-align: center;
	margin-bottom: 36px;
	margin-top: 16px;
}

.tabs ul.menu-tab li {
	display: inline-block;
	font-family: 'Nunito';
	font-size: 20px;
	font-weight: 300;
	color: #919191;
	cursor: pointer;
	margin-right: 36px;
	-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;
}

.tabs ul.menu-tab li:last-child {
	margin-right: 0px;
}

.tabs ul.menu-tab li.active,
.tabs ul.menu-tab li:hover {
	color: #2d2d2d;
	font-weight: 500;
	-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;
}

/* Main Post Single
-------------------------------------------------------------- */
article.main-post.single {
	margin-bottom: 0px;
}

article.main-post.single .content-post .entry-post>p {
	margin-bottom: 24px;
}

article.main-post.single .content-post .entry-post>p>span {
	color: #484848;
	font-weight: bold;
}

article.main-post.single .content-post .entry-post blockquote {
	padding: 27px 28px 32px 104px;
	;
	border: 2px solid #e5e5e5;
	color: #919191;
	border-radius: 8px;
	font-style: italic;
	position: relative;
	margin-top: 29px;
	margin-bottom: 32px;
	display: inline-block;
}

article.main-post.single .content-post .entry-post blockquote span {
	font-family: 'Nunito';
	font-size: 80px;
	color: #ec0928;
	font-weight: bold;
	line-height: 24px;
	position: absolute;
	top: 47px;
	left: 30px;
}

article.main-post.single .content-post .entry-post ul {
	margin-bottom: 39px;
}

article.main-post.single .content-post .entry-post ul li {
	margin-left: 25px;
	padding-left: 12px;
	position: relative;
	color: #959393;
}

article.main-post.single .content-post .entry-post ul li:before {
	content: '';
	position: absolute;
	height: 4px;
	width: 4px;
	background-color: #ec0928;
	border-radius: 50%;
	top: 50%;
	left: 0;
}

article.main-post.single .content-post .social-single span {
	display: inline-block;
	font-weight: bold;
	color: #484848;
	line-height: 20px;
	margin-right: 26px;
}

article.main-post.single .content-post .social-single {
	padding: 29px 0 26px;
	border-top: 1px solid #e5e5e5;
}

article.main-post.single .content-post .social-single ul.social-list {
	display: inline-block;
}

article.main-post.single .content-post .social-single ul.social-list li {
	font-size: 16px;
	margin-right: 20.5px;
}

/* Blog Pagination Single */
.blog-pagination.single {
	margin-bottom: 34px;
	padding: 22px 0 12px;
}

ul.flat-pagination.style2 li.prev {
	margin: 0px;
	float: left;
}

ul.flat-pagination.style2 li.next {
	margin: 0px;
	float: right;
}

ul.flat-pagination.style2 li.prev a img,
ul.flat-pagination.style2 li.next a img {
	margin-left: 20px;
}

/* Comments
-------------------------------------------------------------- */
.comment-area h2.comment-title {
	font-weight: 500;
	font-size: 20px;
	color: #2d2d2d;
	margin-bottom: 18px;
}

/* Comment List */
ol.comment-list li.comment {
	padding: 30px 0 0;
}

ol.comment-list li.comment:nth-child(2) {
	padding-top: 33px;
}

ol.comment-list li.comment:nth-child(2) .comment-text .comment-content {
	padding-bottom: 28px;
}

ol.comment-list li.comment:last-child {
	border-bottom: none;
	padding-top: 39px;
}

ol.comment-list li.comment .comment-author {
	float: left;
	margin-right: 33px;
}

ol.comment-list li.comment .comment-author img {
	border-radius: 8px;
}

ol.comment-list li.comment .comment-text .comment-metadata .name {
	float: left;
	font-weight: bold;
	color: #484848;
	line-height: 17px;
}

ol.comment-list li.comment .comment-text .comment-metadata .name span {
	color: #838383;
	font-weight: 400;
}

ol.comment-list li.comment .comment-text .comment-metadata .queue {
	text-align: right;
	color: #ec0928;
	line-height: 15px;
}

ol.comment-list li.comment .comment-text .comment-metadata .queue i {
	margin-right: 6.5px;
	font-size: 12px;
}

ol.comment-list li.comment .comment-text .comment-metadata .queue i:last-child {
	color: #919191;
	margin-right: 4px;
}

ol.comment-list li.comment .comment-text .comment-content {
	margin-top: 20px;
	margin-left: 97px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 24px;
	margin-right: -5px;
}

ol.comment-list li.comment:last-child .comment-text .comment-content {
	border-bottom: none;
}

ol.comment-list li.comment .comment-text .comment-content p {
	margin-right: -5px;
}

/* Comment Respond */
.comment-respond h2.comment-reply-title {
	font-size: 20px;
	font-weight: 500;
	color: #2d2d2d;
	margin-top: 32px;
	margin-bottom: 13px;
}

.comment-respond>p {
	color: #838383;
}

.comment-respond .form-comment {
	margin-top: 20px;
	margin-bottom: 41px;
}

.comment-respond .form-comment form>div {
	margin-bottom: 26px;
}

.comment-respond .form-comment form .comment-form-name,
.comment-respond .form-comment form .comment-form-email {
	width: 54%;
}

.comment-respond .form-comment form div label {
	color: #484848;
	margin-bottom: 12px;
}

.comment-respond .form-comment form div input {
	height: 40px;
}

.comment-respond .form-comment form .comment-form-comment {
	width: 88.4%;
}

.comment-respond .form-comment form .comment-form-comment textarea {
	height: 158px;
	border-radius: 10px;
}

.comment-respond .form-comment form .btn-submit button {
	background-color: #f92400;
	font-family: 'Open Sans';
	font-weight: 600;
	color: #fff;
	font-size: 16px;
	height: 55px;
	line-height: 55px;
	padding: 0 55px;
	position: relative;
	overflow: hidden;
	z-index: 5;
}

.comment-respond .form-comment form .btn-submit button:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #a52915;
	z-index: -1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.comment-respond .form-comment form .btn-submit button:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Preloader
-------------------------------------------------------------- */
.preloader {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.clear-loading {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.loading-effect-2 {
	width: 100px;
	height: 100px;
}

.loading-effect-2>span,
.loading-effect-2>span:before,
.loading-effect-2>span:after {
	content: "";
	display: block;
	border-radius: 50%;
	border: 2px solid #ec0928;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.loading-effect-2>span {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-left-color: transparent !important;
	-webkit-animation: effect-2 2s infinite linear;
	-moz-animation: effect-2 2s infinite linear;
	-ms-animation: effect-2 2s infinite linear;
	-o-animation: effect-2 2s infinite linear;
	animation: effect-2 2s infinite linear;
}

.loading-effect-2>span:before {
	width: 75%;
	height: 75%;
	border-right-color: transparent !important;
}

.loading-effect-2>span:after {
	width: 50%;
	height: 50%;
	border-bottom-color: transparent !important;
}


.flat-banner-box .row.no-gutters {
	margin: 0;
}

.flat-banner-box img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters>[class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

/* === Fix for Featured Categories Text Issue === */

.imagebox .box-image img {
	max-width: 100%;
	height: auto;
	display: block;
}

.product-name {
	min-height: 40px;
	font-size: 14px;
	line-height: 1.4;
	overflow: visible;
	white-space: normal;
	text-align: center;
	margin-top: 10px;
}

.box-content {
	height: auto !important;
	overflow: visible;
}

.main-slider {
	width: 100%;
	overflow: hidden;
	padding: 0 50px;
	box-sizing: border-box;
}

.main-slider .owl-carousel .slide img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}




@-webkit-keyframes effect-2 {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}

@keyframes effect-2 {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}

/* =========================================
   MAR-HY REDESIGN STYLES
   ========================================= */

/* Top Bar (Call, Location, Email, Hours) */
.marhy-top-bar {
	background-color: #222;
	/* Dark background */
	color: #fff;
	padding: 8px 0;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.marhy-top-bar .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.marhy-top-bar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 40px;
}

.marhy-top-bar ul li {
	display: flex;
	align-items: center;
}

/* Specific styles for User Actions (Right Side) */
.marhy-top-bar .user-actions li {
	margin-left: 15px;
	/* Spacing between items */
	gap: 5px;
}

.marhy-top-bar .user-actions li a {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 5px;
	/* Space between icon and text */
}

.marhy-top-bar ul li i {
	margin-right: 8px;
	/* Add space after icons like the map marker */
	color: #ec0928;
	/* CT Supply Red Accent */
}

.marhy-top-bar ul li strong {
	margin-right: 8px;
	/* Add space after the 'Call Us:' text */
}

.marhy-top-bar a {
	color: #fff;
	text-decoration: none;
	transition: color 0.3s;
}

.marhy-top-bar a:hover {
	color: #ec0928;
}

/* Main Navbar (Logo + Nav) */
.marhy-main-header {
	background-color: #fff;
	border-bottom: 1px solid #eee;
	padding: 12px 0;
}

.marhy-main-header .container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 50px;
}

.marhy-logo img {
	max-height: 85px;
	width: auto;
}

.marhy-nav ul.menu {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 15px;
	/* Reduced gap to fit pill shapes */
	align-items: center;
}

.marhy-nav ul.menu>li {
	position: relative;
	padding: 5px 0;
	/* Reduced padding on LI, moved to A */
}

/* Updated Nav Link Styling - Clean with Underline Effect */
.marhy-nav ul.menu>li>a {
	font-family: 'Segoe UI', 'Montserrat', sans-serif !important;
	font-weight: 700 !important;
	font-size: 15px;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 10px 10px;
	transition: all 0.3s ease;
	position: relative;
	display: block;
}

/* Underline Indicator Base */
.marhy-nav ul.menu>li:not(.shop-products-item)>a::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #ec0928;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translateX(-50%);
	border-radius: 2px;
}

.marhy-nav ul.menu>li:hover:not(.shop-products-item)>a {
	color: #ec0928;
	background: transparent;
	box-shadow: none;
	filter: none;
	backdrop-filter: none;
}

.marhy-nav ul.menu>li:hover:not(.shop-products-item)>a::after {
	width: 100%;
}

/* Shop Products Button Specifics */
.marhy-nav ul.menu>li.shop-products-item>a.btn-shop-products {
	background-color: #222;
	/* Darker default for button */
	color: #fff;
	padding: 12px 25px;
	/* Larger button */
	border-radius: 30px;
}

.marhy-nav ul.menu>li.shop-products-item>a.btn-shop-products:hover {
	background-color: #ec0928;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Submenus Removed */

/* Enhanced Search Section */
.marhy-search-section {
	background-color: #f5f5f5;
	/* Light Grey background */
	padding: 30px 0;
	/* Subtle pattern overlay - simplified for clean grey look */
	background-image: none;
}

.marhy-search-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.marhy-search-form {
	position: relative;
	width: 100%;
	max-width: 750px;
	display: flex;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
	/* Lifted look */
	border-radius: 50px;
	/* Fully rounded pill shape for search bar */
	background: #fff;
	padding: 5px;
	/* Inner padding for floating button look */
}

.marhy-search-form input {
	flex: 1;
	/* Take remaining space */
	padding: 0 25px;
	border: none;
	height: 50px;
	font-size: 16px;
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
	color: #333;
	background: transparent;
	border-radius: 50px 0 0 50px;
}

.marhy-search-form input::placeholder {
	color: #999;
}

.marhy-search-form button {
	background-color: #222;
	color: white;
	border: none;
	padding: 0 35px;
	border-radius: 50px;
	/* Rounded button inside the pill */
	cursor: pointer;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	transition: transform 0.2s, background-color 0.2s;
	height: 50px;
	margin-left: 5px;
	/* Gap from input */
}

.marhy-search-form button:hover {
	background-color: #000;
	transform: scale(1.05);
	/* Slight grow */
}

/* Secondary Navbar (Shop Brands, Line Card, etc.) */
.marhy-secondary-nav {
	background-color: #fff;
	/* White background for clean look */
	border-bottom: 2px solid #ec0928;
	/* Red bottom border to cap it off */
}

.marhy-secondary-nav ul {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.marhy-secondary-nav ul li {
	flex: 1;
	text-align: center;
	border-right: 1px solid #f0f0f0;
}

.marhy-secondary-nav ul li:last-child {
	border-right: none;
}

.marhy-secondary-nav ul li a {
	display: block;
	padding: 20px 10px;
	font-weight: 800;
	color: #222;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	transition: all 0.3s;
}

.marhy-secondary-nav ul li a:hover {
	background-color: #222;
	color: #fff;
}

/* Responsive Fixes (Basic) */
@media (max-width: 991px) {
	.marhy-main-header .container {
		flex-direction: column;
	}

	.marhy-nav ul.menu {
		flex-direction: column;
		gap: 0;
		width: 100%;
		text-align: center;
	}

	.marhy-nav {
		width: 100%;
		margin-top: 20px;
	}

	.marhy-secondary-nav ul {
		flex-direction: column;
	}

	.marhy-secondary-nav ul li {
		border-right: none;
		border-bottom: 1px solid #e0e0e0;
	}
}

/* ==============================================
   BRAND SECTION REFINEMENT (OVERRIDES)
   ============================================== */
.flat-brand .owl-carousel-5 .owl-item img {
	/* Reset float and dimensions */
	float: none !important;
	width: auto !important;
	height: 80px !important;
	/* Fixed height for consistency */
	max-width: 100% !important;
	object-fit: contain;
	/* Ensure logos are not distorted */
	margin: 0 auto;
	/* Center image */
	display: block;

	/* Interactive States */
	filter: grayscale(100%);
	opacity: 0.6;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(1);
	backface-visibility: hidden;
	/* Smoother scaling */
}

.flat-brand .owl-carousel-5 .owl-item:hover img {
	filter: grayscale(0%);
	opacity: 1;
	transform: scale(1.1);
}

/* Center carousel items */
.flat-brand .owl-carousel-5 .owl-item {
	text-align: center;
	padding: 20px 0;
}

/* ==============================================
   FOOTER REDESIGN (OVERRIDES)
   ============================================== */
/* Main Footer Background and Typography */
footer {
	background-color: #283243 !important;
	/* Deep Blue/Grey from reference */
	color: #cbd5e1 !important;
	/* Light text */
	padding-top: 60px !important;
	padding-bottom: 40px !important;
	border-top: none !important;
}

/* Fix alignment issues - prevent sticking to left */
footer .container {
	padding-left: 30px;
	padding-right: 30px;
}

/* Specific alignment for the first column (About Widget) - Logo & Contact */
footer .widget-about {
	padding-left: 20px;
	/* Push logo and contact details right */
}

/* Reduce Logo Size */
.logo-ft img {
	max-width: 175px !important;
	/* Increased size as requested */
	height: auto !important;
	margin-bottom: 20px;
	/* Spacing below logo */
}

/* Widget Titles - Premium & Professional */
footer .widget-ft .widget-title h3,
footer .widget-ft h3 {
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 25px;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	/* Clean sans-serif */
}

/* List Items and Links */
.widget-ft ul li {
	padding: 6px 0 !important;
	line-height: 1.6;
}

footer a,
footer .widget-ft a {
	color: #cbd5e1 !important;
	font-size: 14px;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
	display: inline-block;
	font-weight: 400;
}

footer a:hover,
footer .widget-ft a:hover {
	color: #ffffff !important;
	transform: translateX(3px);
	/* Subtle shift */
	text-shadow: none;
	/* Clean hover */
}

/* Contact Info Section */
footer .widget-about .info p {
	font-size: 14px;
	margin-bottom: 12px;
	color: #cbd5e1 !important;
}

footer .widget-about .info .questions {
	color: #ec0928 !important;
	/* Accent color for 'Got Questions' */
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.5px;
}

footer .widget-about .info .phone a {
	font-size: 16px;
	color: #fff !important;
	font-weight: 700;
}

/* Social Icons - Clean Circle Style */
footer .social-list li {
	display: inline-block;
	margin-right: 10px;
}

footer .social-list li a {
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff !important;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	/* Soft square/rounded */
	transition: all 0.3s ease;
	padding: 0 !important;
	/* Remove any padding overrides */
}

footer .social-list li a:hover {
	background-color: #ec0928;
	color: white !important;
	transform: translateY(-2px);
}

/* Footer Bottom - Copyright */
.footer-bottom {
	background-color: #1e2532 !important;
	/* Darker shade */
	padding: 25px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-bottom .copyright {
	color: #94a3b8 !important;
	font-size: 14px;
	text-align: center;
	float: none !important;
	width: 100%;
}

.footer-bottom a {
	color: #94a3b8 !important;
}

/* ==============================================
   UI ENHANCEMENTS (IMMERSIVE & GLASSY)
   ============================================== */

/* Navbar Font Update */
.marhy-nav ul.menu li a,
.marhy-secondary-nav ul li a {
	font-family: 'Segoe UI', sans-serif !important;
	font-weight: 700 !important;
}

/* Glassmorphism & Card Enhancements */
.product-box,
.imagebox {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	/* Soft, deep shadow */
	border-radius: 12px;
	background-color: #fff;
	/* Ensure background for shadow */
	border: 1px solid rgba(0, 0, 0, 0.03);
	/* Very subtle border */
	overflow: hidden;
	/* For border-radius */
	transition: all 0.3s ease;
}

/* Hover Effect for Cards */
.product-box:hover,
.imagebox:hover {
	transform: translateY(-7px);
	/* Lift up */
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
	/* Intensified shadow */
}

/* Specific fix for imagebox style2 to ensure content fits */
.imagebox.style2 .box-content {
	padding: 15px;
	/* Add breathing room */
}

/* Banners / Featured Images Immersive Look */
.flat-banner-box img {
	border-radius: 12px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.flat-banner-box img:hover {
	transform: scale(1.03);
}

/* Section Dividers / General Layout */
.flat-row {
	padding: 50px 0;
	/* Increase spacing for 'premium' airy feel */
}

/* Button & Input Enhancements */
button,
input[type="submit"],
.btn-shop-products {
	box-shadow: 0 4px 14px rgba(236, 9, 40, 0.3);
	/* Colored shadow for brand buttons */
	transition: all 0.3s ease;
}

button:hover,
input[type="submit"]:hover,
.btn-shop-products:hover {
	box-shadow: 0 6px 20px rgba(236, 9, 40, 0.5);
	transform: translateY(-2px);
}

/* ==============================================
   LAYOUT & IMAGE FIXES
   ============================================== */

/* Fix Product Box Height & Overflow - preventing cropping */
.product-box,
.product-box.style1,
.product-box.style2 {
	height: auto !important;
	/* Remove fixed height constraint */
	overflow: visible !important;
	/* Don't crop shadows or content */
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;
	/* Space between rows */
}

/* Ensure the imagebox fills the product box */
.imagebox {
	height: 100%;
	display: flex;
	flex-direction: column;
}

/* Fix Image Sizing - Ensure full image visibility */
.imagebox .box-image {
	height: auto !important;
	/* Allow height based on image */
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

/* Force image to contain within the box without cropping */
.imagebox .box-image img {
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}

/* Distribute content naturally */
.imagebox .box-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/* Align content naturally */
	padding-bottom: 15px;
}

/* Fix Brand Section Overlap */
.flat-brand {
	padding-top: 80px !important;
	/* Push down to avoid overlap */
	clear: both;
	position: relative;
	z-index: 5;
	background-color: #fff;
	/* Ensure it covers anything behind if overlap happens */
}


.flat-best-selling {
	padding-top: 60px !important;
}

.flat-best-selling .line-blue {
	background-color: #1e3a8a !important;
	/* Proper Blue */
}

.flat-best-selling .line-purple {
	background-color: #ec0928 !important;
	/* Brand Red */
}

/* Modern Grid Fix for Best Selling Section */
/* This ensures columns are equal height and handle layout better than floats */
/* Modern Grid Fix for Best Selling Section */
.flat-best-selling .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-right: -10px;
	/* Tighter row margins */
	margin-left: -10px;
}

.flat-best-selling .col-md-3 {
	float: none !important;
	display: flex;
	padding-right: 10px;
	/* Reduced gutter (20px total gap) */
	padding-left: 10px;
	flex: 0 0 25%;
	max-width: 25%;
}

/* Ensure product box fills the column */
.flat-best-selling .product-box {
	width: 100%;
	margin-bottom: 30px;
	/* Space between rows if wrapped */
}

/* Make Best Selling images specifically smaller */
.flat-best-selling .imagebox .box-image {
	max-height: 200px !important;
	background: #fdfdfd;
	padding: 10px;
}

.flat-best-selling .imagebox .box-image img {
	max-height: 180px !important;
}

/* Smaller product names for Best Selling */
.flat-best-selling .product-name a {
	font-size: 16px !important;
	font-weight: 600 !important;
}

@media (max-width: 991px) {
	.flat-best-selling .col-md-4 {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 20px;
	}
}

/* ==============================================
   ABOUT PAGE & SLIDER REFINEMENTS
   ============================================== */

/* Value Boxes on About Page */
.value-box:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
}

/* FlexSlider Navigation Overrides */
.flex-direction-nav a {
	width: 50px !important;
	height: 50px !important;
	background: #fff !important;
	border-radius: 50% !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
	line-height: 50px !important;
	text-align: center !important;
	opacity: 0;
	transition: all 0.3s ease !important;
}

.flexslider:hover .flex-direction-nav a {
	opacity: 1;
}

.flex-direction-nav a:before {
	font-size: 20px !important;
	color: #222 !important;
	background: transparent !important;
	line-height: 50px !important;
}

.flex-direction-nav a:hover {
	background: #ec0928 !important;
}

.flex-direction-nav a:hover:before {
	color: #fff !important;
}

.flex-direction-nav a.flex-prev {
	left: 20px !important;
}

.flex-direction-nav a.flex-next {
	right: 20px !important;
}

/* Glassy Carousel Arrows */
.main-slider .owl-nav button {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 80px !important;
	height: 80px !important;
	background: rgba(255, 255, 255, 0.2) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: 50% !important;
	color: #fff !important;
	font-size: 40px !important;
	transition: all 0.3s ease !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 10 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.main-slider .owl-nav button:hover {
	background: rgba(255, 255, 255, 0.4) !important;
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
	transform: translateY(-50%) scale(1.1) !important;
}

.main-slider .owl-nav .owl-prev {
	left: 30px !important;
}

.main-slider .owl-nav .owl-next {
	right: 30px !important;
}

/* Ensure icons are centered */
.main-slider .owl-nav button i {
	line-height: 1 !important;
}

/* Hide owl theme default dots if any are left */
.main-slider .owl-dots {
	display: none !important;
}

/* Featured Categories Revamp */


/* ==========================================================================
   FEATURED CATEGORIES ULTRA-PREMIUM REVAMP
   ========================================================================== */

.featured-categories-revamp {
	padding: 100px 0 !important;
	background: radial-gradient(circle at 10% 20%, rgba(236, 9, 40, 0.03) 0%, rgba(255, 255, 255, 1) 90%) !important;
	position: relative !important;
	overflow: hidden !important;
}

/* Decorative Blobs */
.featured-categories-revamp::before,
.featured-categories-revamp::after {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	filter: blur(80px);
	z-index: 0;
	opacity: 0.4;
	animation: floatBlob 20s infinite alternate cubic-bezier(0.45, 0, 0.55, 1);
}

.featured-categories-revamp::before {
	background: rgba(236, 9, 40, 0.1);
	top: -100px;
	right: -100px;
}

.featured-categories-revamp::after {
	background: rgba(51, 51, 51, 0.05);
	bottom: -100px;
	left: -100px;
	animation-delay: -10s;
}

@keyframes floatBlob {
	0% {
		transform: translate(0, 0) scale(1);
	}

	100% {
		transform: translate(50px, 100px) scale(1.2);
	}
}

.featured-categories-revamp .container {
	position: relative !important;
	z-index: 1 !important;
}

.featured-categories-revamp .flat-row-title h3 {
	font-size: 38px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	margin-bottom: 60px !important;
	background: linear-gradient(90deg, #222, #ec0928);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.featured-categories-revamp .product-box {
	background: rgba(255, 255, 255, 0.8) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
	border-radius: 24px !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important;
	transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1) !important;
	position: relative !important;
	overflow: hidden !important;
}

/* Shine Sweep Effect */
.featured-categories-revamp .product-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.6), transparent);
	transition: all 0.6s ease;
	z-index: 2;
}

.featured-categories-revamp .product-box:hover::before {
	left: 100%;
}

.featured-categories-revamp .product-box:hover {
	transform: translateY(-15px) scale(1.02) !important;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12) !important;
	border-color: rgba(236, 9, 40, 0.3) !important;
}

.featured-categories-revamp .imagebox.style2 .box-image {
	padding: 30px !important;
	background: transparent !important;
	height: 220px !important;
}

.featured-categories-revamp .imagebox.style2 .box-image img {
	filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1)) !important;
	transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.featured-categories-revamp .product-box:hover .box-image img {
	transform: scale(1.15) translateY(-5px) rotate(3deg) !important;
}

.featured-categories-revamp .box-content {
	background: rgba(255, 255, 255, 0.9) !important;
	padding: 30px 20px !important;
	border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
	position: relative !important;
	min-height: 100px !important;
}

.featured-categories-revamp .product-name a {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #222 !important;
	transition: all 0.3s ease !important;
	display: block !important;
}



.featured-categories-revamp .product-box:hover .product-name a {
	color: #ec0928 !important;
}

/* Best Selling Title Revamp */
.flat-best-selling .flat-row-title h3 {
	font-size: 38px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	margin-bottom: 60px !important;
	text-align: center !important;
	background: linear-gradient(90deg, #222, #ec0928);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative !important;
}

.flat-best-selling .flat-row-title h3::after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 4px;
	background: #ec0928;
	border-radius: 2px;
}


/* Featured Categories Title Center Fix */
.featured-categories-revamp .flat-row-title h3 {
	text-align: center !important;
	position: relative !important;
}

.featured-categories-revamp .flat-row-title h3::after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 4px;
	background: #ec0928;
	border-radius: 2px;
}


/* Best Selling Product Name enhancements */
.flat-best-selling .product-box {
	background: #fff !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
}

.flat-best-selling .product-box:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

.flat-best-selling .box-content {
	background: #fff !important;
	padding: 20px 15px !important;
	border-top: 1px solid #f0f0f0 !important;
}

.flat-best-selling .product-name a {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #333 !important;
	line-height: 1.4 !important;
	display: block !important;
	transition: all 0.3s ease !important;
	text-transform: capitalize !important;
}

.flat-best-selling .product-box:hover .product-name a {
	color: #ec0928 !important;
	transform: translateY(-2px) !important;
}

/* Category Masonry Section Redesign */
.cat-masonry-section {
	padding: 80px 0;
	background-color: #fcfcfc;
	background-image: radial-gradient(#e2e8f0 0.5px, transparent 0.5px);
	background-size: 24px 24px;
}

.cat-header {
	text-align: center;
	margin-bottom: 40px;
}

.cat-subtitle {
	display: block;
	font-size: 13px;
	font-weight: 800;
	color: #ec0928;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 12px;
}

.cat-title {
	font-size: 36px;
	font-weight: 900;
	color: #0f172a;
	margin-bottom: 20px;
	letter-spacing: -1px;
}

.cat-line {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.cat-line span {
	height: 4px;
	border-radius: 10px;
}

.line-blue {
	width: 30px;
	background-color: #1e3a8a;
}

.line-purple {
	width: 60px;
	background-color: #ec0928;
	/* Changed from purple to red */
}

.cat-masonry-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 110px;
	gap: 15px;
	max-width: 900px;
	margin: 0 auto;
}

.cat-card {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	display: block;
	box-shadow: 0 10px 40px -10px rgba(15, 23, 42, 0.15);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	background-color: #f1f5f9;
}

.cat-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25);
	z-index: 10;
}

.cat-card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.cat-card:hover .cat-card-img {
	transform: scale(1.1);
}

.cat-card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(15, 23, 42, 0) 30%, rgba(15, 23, 42, 0.7) 100%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px;
	transition: background 0.5s ease;
}

.cat-card:hover .cat-card-overlay {
	background: linear-gradient(180deg, rgba(15, 23, 42, 0) 20%, rgba(15, 23, 42, 0.8) 100%);
}

.cat-card-name {
	color: #ffffff;
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 0;
	line-height: 1.1;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	transition: transform 0.5s ease;
}

.cat-card:hover .cat-card-name {
	transform: translateY(-5px);
}

/* Grid Spans - Reorganized 4x4 layout */
.cat-item-hvac {
	grid-column: span 2;
	grid-row: span 2;
}

.cat-item-test {
	grid-column: span 2;
	grid-row: span 1;
}

.cat-item-tools {
	grid-column: span 2;
	grid-row: span 1;
}

.cat-item-pipe {
	grid-column: span 1;
	grid-row: span 2;
}

.cat-item-chemical {
	grid-column: span 1;
	grid-row: span 2;
}

.cat-item-water,
.cat-item-welding,
.cat-item-motors,
.cat-item-electrical {
	grid-column: span 1;
	grid-row: span 1;
}

@media (max-width: 1199px) {
	.cat-masonry-grid {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 150px;
	}

	.cat-item-hvac,
	.cat-item-pipe {
		grid-column: span 2;
	}

	.cat-item-water,
	.cat-item-tools,
	.cat-item-chemical {
		grid-column: span 1;
	}
}

@media (max-width: 991px) {
	.cat-masonry-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.cat-item-hvac,
	.cat-item-pipe {
		grid-column: span 2;
	}

	.cat-item-water,
	.cat-item-tools,
	.cat-item-chemical {
		grid-column: span 1;
	}
}

@media (max-width: 575px) {
	.cat-masonry-grid {
		grid-template-columns: 1fr;
		grid-auto-rows: 200px;
	}

	.cat-item-hvac,
	.cat-item-water,
	.cat-item-test,
	.cat-item-tools,
	.cat-item-welding,
	.cat-item-pipe,
	.cat-item-motors,
	.cat-item-chemical,
	.cat-item-electrical {
		grid-column: span 1 !important;
		grid-row: span 1 !important;
	}

	.cat-title {
		font-size: 36px;
	}

	.cat-card-name {
		font-size: 20px;
	}
}

/* ==========================================================================
   Credit Application Page Styles
   ========================================================================== */
.credit-hero {
	background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
	padding: 100px 0 80px;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden;
}

.credit-hero::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -10%;
	width: 120%;
	height: 200%;
	background: radial-gradient(circle, rgba(236, 9, 40, 0.05) 0%, transparent 70%);
	z-index: 1;
}

.credit-hero .container {
	position: relative;
	z-index: 2;
}

.credit-hero h1 {
	font-size: 48px;
	font-weight: 950;
	letter-spacing: -2px;
	margin-bottom: 20px;
	line-height: 1.1;
}

.credit-hero .subtitle {
	font-size: 20px;
	color: #94a3b8;
	max-width: 600px;
	margin: 0 auto 40px;
}

.credit-card-container {
	margin-top: -50px;
	position: relative;
	z-index: 10;
}

.credit-page-wrapper {
	max-width: 1000px;
	margin: 0 auto;
}

.credit-feature-card {
	background: #fff;
	border-radius: 20px;
	padding: 25px;
	box-shadow: 0 20px 40px rgba(15, 23, 42, 0.05);
	height: 100%;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid rgba(0, 0, 0, 0.03);
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
}

.credit-feature-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 50px 100px rgba(15, 23, 42, 0.12);
}

.credit-feature-card h3 {
	font-size: 24px;
	font-weight: 800;
	color: #0f172a;
	margin-bottom: 15px;
	letter-spacing: -0.5px;
}

.credit-feature-card p {
	font-size: 16px;
	line-height: 1.6;
	color: #475569;
}

.download-section-card {
	background: #f8fafc;
	border: 2px dashed #e2e8f0;
	border-radius: 20px;
	padding: 25px;
	text-align: center;
	margin-top: 15px;
}

.download-pdf-btn {
	display: inline-flex;
	align-items: center;
	background: #ec0928;
	color: #fff !important;
	padding: 12px 25px;
	border-radius: 50px;
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.3s ease;
	box-shadow: 0 10px 20px rgba(236, 9, 40, 0.2);
	margin-top: 15px;
}

.download-pdf-btn:hover {
	background: #1e3a8a;
	transform: scale(1.05);
	box-shadow: 0 15px 30px rgba(30, 58, 138, 0.3);
}

.reward-badge {
	display: inline-block;
	background: rgba(236, 9, 40, 0.1);
	color: #ec0928;
	padding: 8px 16px;
	border-radius: 100px;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 15px;
}

.terms-grid {
	display: flex;
	gap: 20px;
	margin-top: 20px;
}

.term-item {
	flex: 1;
	background: #f1f5f9;
	padding: 15px;
	border-radius: 15px;
	text-align: center;
	font-weight: 800;
	color: #1e293b;
}

/* Card refinement for Promotions and Brands */
.product-box,
.imagebox {
	border-radius: 15px !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.product-box:hover,
.imagebox:hover {
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
	transform: translateY(-5px) !important;
}

.imagebox .box-image {
	transition: all 0.5s ease-in-out !important;
}

.imagebox:hover .box-image {
	transform: scale(1.02) !important;
}

.product-name a {
	font-weight: 700 !important;
	color: #0f172a !important;
}

/* ==========================================================================
   NEW SHOP CATEGORIES GRID FIX
   ========================================================================== */

.shop-categories-section {
	padding: 60px 0 !important;
	background-color: #fff !important;
	clear: both;
}

.shop-categories-section .category-header {
	text-align: center;
	margin-bottom: 40px;
}

.shop-categories-section .category-header h2 {
	font-size: 32px !important;
	font-weight: 800 !important;
	color: #333 !important;
	margin: 0 !important;
}

.categories-grid {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	gap: 15px !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
}

.category-card {
	background-color: #f4f6f9 !important;
	padding: 30px 15px !important;
	text-align: center !important;
	border-radius: 8px !important;
	transition: all 0.3s ease !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 180px !important;
	text-decoration: none !important;
	border: 1px solid transparent !important;
}

.category-card:hover {
	background-color: #ffffff !important;
	transform: translateY(-5px) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
	border-color: #1e3a8a !important;
}

.category-icon {
	width: 80px !important;
	height: 80px !important;
	margin-bottom: 20px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}

.category-icon img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}

.category-name {
	font-family: 'Nunito', sans-serif !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	color: #333 !important;
	text-transform: capitalize !important;
	line-height: 1.2 !important;
}

@media (max-width: 1199px) {
	.categories-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 767px) {
	.categories-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.shop-categories-section {
		padding: 40px 0 !important;
	}
}

/* Resolve Pay Promo Section */
.resolve-promo-section {
	background: #f1f5f9;
	padding: 60px 0;
	margin-bottom: 20px;
}

.resolve-promo-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	flex-wrap: wrap;
}

.resolve-promo-text {
	flex: 1;
}

.resolve-promo-text h2 {
	font-size: 32px;
	font-weight: 800;
	color: #0f172a;
	line-height: 1.2;
	max-width: 550px;
}

.resolve-card {
	background: #fff;
	border-radius: 20px;
	padding: 30px 40px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	flex: 1;
	min-width: 300px;
	border: 1px solid rgba(0, 0, 0, 0.02);
}

.resolve-card-content {
	flex: 1;
}

.resolve-card-content h4 {
	font-size: 22px;
	font-weight: 800;
	color: #1e3a8a;
	/* Navy Blue like Resolve */
	margin-bottom: 8px;
}

.resolve-card-content p {
	font-size: 15px;
	color: #64748b;
	margin-bottom: 0;
	line-height: 1.5;
}

.resolve-card-action {
	text-align: center;
}

.resolve-apply-btn {
	background: #1e3a8a;
	color: #fff !important;
	padding: 15px 35px;
	border-radius: 12px;
	font-weight: 700;
	font-size: 18px;
	display: inline-block;
	transition: all 0.3s ease;
	text-decoration: none;
	margin-bottom: 5px;
	white-space: nowrap;
}

.resolve-apply-btn:hover {
	background: #172554;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(30, 58, 138, 0.2);
}

.resolve-trust-text {
	font-size: 13px;
	color: #94a3b8;
	margin-bottom: 0;
}

.resolve-trust-text strong {
	color: #475569;
}

@media (max-width: 991px) {
	.resolve-promo-flex {
		flex-direction: column;
		text-align: center;
	}

	.resolve-promo-text h2 {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.resolve-card {
		flex-direction: column;
		width: 100%;
		padding: 30px 20px;
	}
}