@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Italic.eot'); src: url('fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic.woff2') format('woff2'), url('fonts/OpenSans-Italic.woff') format('woff'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Extrabold.eot'); src: url('fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Extrabold.woff2') format('woff2'), url('fonts/OpenSans-Extrabold.woff') format('woff'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('OpenSans-Semibold.eot'); src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold.woff2') format('woff2'), url('fonts/OpenSans-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-SemiboldItalic.eot'); src: url('fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic.woff2') format('woff2'), url('fonts/OpenSans-SemiboldItalic.woff') format('woff'); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-BoldItalic.eot'); src: url('fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic.woff2') format('woff2'), url('fonts/OpenSans-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSansLight-Italic.eot'); src: url('fonts/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSansLight-Italic.woff2') format('woff2'), url('fonts/OpenSansLight-Italic.woff') format('woff'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Bold.eot'); src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold.woff2') format('woff2'), url('fonts/OpenSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-ExtraboldItalic.eot'); src: url('fonts/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraboldItalic.woff2') format('woff2'), url('fonts/OpenSans-ExtraboldItalic.woff') format('woff'); font-weight: 800; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans.eot'); src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans.woff2') format('woff2'), url('fonts/OpenSans.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Light.eot'); src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light.woff2') format('woff2'), url('fonts/OpenSans-Light.woff') format('woff'); font-weight: 300; font-style: normal; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; background-color: #F5F5F5 !important }
::-webkit-scrollbar { width: 6px !important; height: 6px !important; background-color: #F5F5F5 !important }
::-webkit-scrollbar-thumb { background-color: #b61f24 !important }
a, a:hover, button, button:hover, input[type=submit], input[type=submit]:hover { text-decoration: none !important }
* { margin: 0; padding: 0 }
.clearfix:after { visibility: hidden; display: block; content: ""; font-size: 0; height: 0; clear: both }
html, .height100 .wrappage, .height100 .wrappage .relative.clearfix.full-width, .red .wrappage, .red .wrappage .relative.clearfix.full-width { height: 100% !important }
body { font-family: 'Open Sans',sans-serif !important; color: #000; background: #fff !important }
body.gray { font-family: 'Open Sans',sans-serif !important; color: #000; background: #f0f0f0 !important }
body.red { background: #b61f24 !important; height: 100% !important }
#main { margin: 0 0 20px; padding: 0 0 30px }
#main.no-bottom-margin { margin: 0; padding: 0 }
#main.homepagemain { padding: 0; margin: 0 }
.whitebody { font-family: 'Open Sans',sans-serif !important; color: #000; background: #fff }
.float-left { float: left !important }
.float-right { float: right !important }
a, a:hover, a:focus { outline: none; text-decoration: none }
.clearfix { display: inline-block }
.badge-success { color: #fff; background-color: #28a745 }
.badge-primary { color: #fff; background-color: #007bff }
.badge-secondary { color: #fff; background-color: #6c757d }
.badge-danger { color: #fff; background-color: #b61f24 }
.badge-warning { color: #212529; background-color: #ffc107 }
.badge-info { color: #fff; background-color: #17a2b8 }
* html .clearfix { height: 1% }
h1, h2, h3, h4 { font-weight: 700 }
h1, .h1 { font-size: 24px; line-height: 28px }
h2, .h2 { font-size: 22px; line-height: 26px }
h3, .h3 { font-size: 20px; line-height: 24px }
h4, .h4 { font-size: 18px; line-height: 22px }
.form-control { box-shadow: none }
.ptb-30 { padding: 30px }
.mb-30 { margin-bottom: 30px }
.cleafix { display: block }
.absolute { position: absolute }
.clear-padding { padding: 0 !important }
.clear-margin { margin: 0 !important }
.clear-padding-left { padding-left: 0 !important }
.clear-padding-right { padding-right: 0 !important }
.clear-padding-top { padding-top: 0 !important }
.clear-padding-bottom { padding-bottom: 0 !important }
.clear-top { top: 0 !important }
.clear-left { left: 0 !important }
.clear-bottom { bottom: 0 !important }
.clear-right { right: 0 !important }
.overfollow-hidden { overflow: hidden }
.text-right { text-align: right }
.text-center { text-align: center }
.relative { position: relative }
.container-web { width: 100% }
.separator { height: 30px; position: relative }
.separator:after { content: ""; position: absolute; height: 1px; left: 0; top: 50%; right: 0 }
.separator.grey-separator:after { background: #d1d1d1 }
.tsb-btn, .tsb-btn-secondary { display: inline-block; vertical-align: top; padding: 10px 20px; font-size: 16px; line-height: 20px; color: #fff; background: #b61f24; border: none; box-shadow: none; outline: none }
.tsb-btn:hover, .tsb-btn:focus, .tsb-btn:active { color: #f9af2f }
.tsb-btn { font-size: 14px; line-height: 20px }
.tsb-btn-secondary { background: #f9af2f }
.tsb-btn-secondary:hover, .tsb-btn-secondary:focus, .tsb-btn-secondary:active { background: #b61f24; color: #fff }
.btn { border-radius: 0; box-shadow: none; color: #fff; padding: 6px; transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s }
.btn-primary { border-color: #b61f24 !important; background: #b61f24 !important }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { border-color: #b61f24 !important; background: #b61f24 !important; color: #ffbc00 !important }
.btn-secondary { border-color: #ffbc00 !important; background: #ffbc00 !important }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { border-color: #b61f24 !important; background: #b61f24 !important; color: #fff !important }
.or-separator { position: relative; background: #fff; display: block; padding: 20px 0; text-align: center }
.or-separator:before { content: ""; height: 1px; position: absolute; top: 51%; left: 0; right: 0; background: #d1d1d1 }
.or-separator span { display: inline-block; vertical-align: top; padding: 0 7px; background: #fff; position: relative; z-index: 1; color: #d1d1d1 }
.color-btn2 { cursor: pointer !important; padding: 0 5px !important; float: left !important; position: relative !important; width: auto !important; height: 25px !important; background-color: #fff !important; border: 1px solid #a6a6a6 !important; margin-right: 10px !important; text-align: center !important; font-size: 12px !important; line-height: 22px !important; color: #a6a6a6 !important; border-radius: 3px !important; margin-bottom: 10px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; text-overflow: ellipsis !important }
.color-btn3 { cursor: pointer !important; float: left !important; position: relative !important; padding: 0 5px !important; width: auto !important; height: 25px !important; background-color: #fff !important; border: 1px solid #a6a6a6 !important; margin-right: 10px !important; text-align: center !important; font-size: 12px !important; line-height: 22px !important; color: #a6a6a6 !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; margin-bottom: 5px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; text-overflow: ellipsis !important }
.color-btn.checked { border-color: #b61f24 !important; background-color: #b61f24 !important; color: #fff !important }
.table-responsive { width: 100%; overflow-y: hidden; overflow-x: auto }

.cart-user-login-block .or-separator, .cart-user-login-block .or-separator span { background: #f9f9f9 }

.cart-user-login-block .or-separator { padding: 10px 0 }

.social-login-block { font-size: 18px; line-height: 22px; color: #797979 }

.social-login-heading { font-size: 24px; line-height: 28px; color: #333333; margin: 0 0 10px; display: block }

.social-login-buttons-holder { padding: 15px 0 0 }

.social-login-buttons { font-size: 0; letter-spacing: 0 }

.social-login-buttons li { display: inline-block; vertical-align: top; margin: 0 3px; font-size: 12px; line-height: 16px; border: 1px solid; border-radius: 2px; transition: all ease-in 0.2s }

.social-login-buttons li.share-google-plus { border-color: #ca4a35; background: #df4f38 }

.social-login-buttons li.share-facebook { border-color: #355088 !important; background: #49659e !important }

.social-login-buttons li.share-twitter { border-color: #3a98c1 !important; background: #3aaddd !important }

.social-login-buttons li.share-google-plus:hover { background: #ca4a35 !important }

.social-login-buttons li.share-facebook:hover { background: #355088 !important }

.social-login-buttons li.share-twitter:hover { background: #3a98c1 !important }

.social-login-buttons a { color: #fff; display: inline-block; vertical-align: top; padding: 6px 8px 6px 5px }

.social-login-buttons .social-icon { width: 24px; height: 17px; display: inline-block; vertical-align: top }

.social-login-buttons .social-btn-text { display: inline-block; vertical-align: top }

.writereviewmodal textarea { width: 100%; height: 150px; border: 1px solid #d1d1d1; border-radius: 3px; padding: 10px 15px; font-size: 14px; line-height: 18px; color: #c0c0c0; outline: none; box-shadow: none; background: none; resize: none }

.writereviewmodal .select-holder { width: 100%; height: 47px; border: 1px solid #d1d1d1; border-radius: 3px; position: relative }

.writereviewmodal .select-holder:after { content: "\f107"; font-family: FontAwesome; color: #c0c0c0; position: absolute; right: 12px; top: 12px }

.writereviewmodal .select-holder select { width: 100%; height: 100%; position: relative; z-index: 1; appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; box-shadow: none; background: none; border: none; outline: none }

.writereviewmodal .select-holder select option { padding: 7px 10px }

.writereviewmodal .select-holder .select2-selection__rendered { color: #c0c0c0 }
/* Customm Select 2 Styles */
.select-holder .select2-container { width: 100% !important; border: none }

.select-holder .select2-dropdown { border-color: #d1d1d1 }

.select-holder .select2-selection--single { height: 45px; border: none }

.select-holder .select2-selection__rendered { font-size: 14px; line-height: 18px !important; padding: 11px 10px }

.select-holder .select2-selection__arrow { display: none }

.bulk-action-form .select-holder .select2-selection--single,
.products-filter-form .select-holder .select2-selection--single { height: 33px }

.bulk-action-form .select-holder .select2-selection__rendered,
.products-filter-form .select-holder .select2-selection__rendered { line-height: 18px !important; padding: 8px 10px 7px }

.sorting-filter-holder .select-holder .select2-selection--single { height: 33px }

.sorting-filter-holder .select-holder .select2-selection__rendered { line-height: 18px !important; padding: 8px 10px 7px }

.sorting-filter-holder .filter-text { padding: 10px 0 0 !important; }
/* User Account Modal */
.user-account-modal .modal-body { padding: 0 }

.user-account-modal .modal-body p { margin: 0 }

.user-account-modal .modal-body p a { color: #b61f24 }

.user-account-modal .modal-col { display: table-cell; vertical-align: middle; position: relative }

.user-account-modal .two-columns-modal { display: table }

.user-account-modal .modal-col.image-col { width: 41% }

.user-account-modal .modal-col.image-col img { width: 100%; height: auto }

.user-account-modal .modal-col.content-col { width: 59%; padding: 0 4% }

.reset-password-form.tsb-form { padding: 20px 0 0 }

.reset-password-form.tsb-form input[type="submit"] { width: 100% }

.user-account-modal .links-holder { color: #000; overflow: hidden }

.user-account-modal .links-holder a { color: #b61f24 }

.user-account-modal .headding-block { position: absolute; top: 85px; right: 30px; left: 30px; font-size: 18px; line-height: 22px; color: #fff }

.user-account-modal .headding-block h2 { font-size: 42px; line-height: 48px; color: #fff; font-weight: 900; margin: 0 0 5px }

.user-account-modal .note-text { font-size: 16px; line-height: 20px; color: #848282; display: block; padding: 15px 0 }

@media(min-width:1200px) {
  .container-web { width: 1170px; margin: 0 auto; display: block }
}

@media(max-width:1024px) and (min-width:480px) {
  .box-banner-small-v3, .box-banner-small-v2 { display: none }
}

.text-red { color: #b61f24 }

.text-green { color: #3cb878 }

.text-yellow { color: #ffbc00 }

.bold { font-weight: bold }

.full-width { width: 100%; height: auto }

.max-width { max-width: 100% }

.border { border: 1px solid #dedede; box-sizing: border-box }

.no-border-t { border-top: none }

.center-vertical-image { display: flex; flex-direction: row; justify-content: center; align-items: center }

.center-vertical-image img { max-width: 100%; max-height: 100%; margin: 0 auto }

.no-border-b { border-bottom: none }

.no-border-r { border-right: none }

.no-border-l { border-left: none }

.top-margin-default { margin-top: 30px !important }

@media(min-width:1200px) {
  .top-margin-default.homepage-top-margin-default { margin-top: 80px !important }
}

.bottom-margin-default { margin-bottom: 30px !important }

@media(min-width:1200px) {
  .bottom-margin-default.homepage-bottom-margin-default { margin-bottom: 30px !important }

  .bottom-margin-default.md-bottom-margin-default { margin-bottom: 0 !important }
}

.left-margin-default { margin-left: 30px !important }

.right-margin-default { margin-right: 30px !important }

.top-padding-default { padding-top: 30px !important }

@media(min-width:1200px) {
  .top-padding-default.homepage-top-padding-default { padding-top: 50px !important }
}

.bottom-padding-default { padding-bottom: 30px !important }

.left-padding-default { padding-left: 30px !important }

.right-padding-default { padding-right: 30px !important }

.top-margin-15-default { margin-top: 15px !important }

.bottom-margin-15-default { margin-bottom: 15px !important }

.left-margin-15-default { margin-left: 15px !important }

.right-margin-15-default { margin-right: 15px !important }

.top-padding-15-default { padding-top: 15px !important }

.bottom-padding-15-default { padding-bottom: 15px !important }

.left-padding-15-default { padding-left: 15px !important }

.right-padding-15-default { padding-right: 15px !important }

.bg-white { background: #fff }

.uppercase { text-transform: uppercase }

.content-row { display: flex; flex-direction: row }

.capitalize { text-transform: capitalize }

.bg-gray { background: #f7f7f7 }

.bg-red { background: #b61f24 }

.text-default-color { color: #2b2b2b }

.animate-default, a, button { transition: 0.2s all ease; -o-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -webkit-transition: 0.2s all ease }

.percent-content-2 { width: calc(100% / 2); float: left }

.percent-content-3 { width: calc(100% / 3 - 0.3px); float: left }

.percent-content-4 { width: calc(100% / 4); float: left }

.percent-content-5 { width: calc(100% / 5); float: left }

.content-right { padding: 0 0 0 15px }

.content-left { padding: 0 15px 0 0 }

.border-collapsed-box, .border-collapsed-element { border-color: #dedede; border-style: solid }

.border-collapsed-box { display: flex; flex-flow: row wrap; border-width: 1px }

.border-collapsed-element { border-width: 0 1px 1px 0 }

.popular-product-carousel .item .border-collapsed-element:last-child { border-bottom-width: 0 }
/*.popular-product-carousel{border:solid #dedede;border-width:0 0 1px 1px}*/
header { background: #fff }

.box-shadow { -webkit-box-shadow: 0 -20px 11px 16px rgba(0,0,0,1); -moz-box-shadow: 0 -20px 11px 16px rgba(0,0,0,1); box-shadow: 0 -20px 11px 16px rgba(0,0,0,1) }

.border-red { border-bottom: 2px solid #e3171b }

.hidden-content-box { display: none; opacity: 0; width: 100% }

.active-box-category { opacity: 1 !important; display: block }

.menu-slide { margin: 0 auto; display: block }

.button-hover-red:hover, .button-hover-red a:hover, .button-hover-red:focus, .button-hover-red a:focus { background: #dc141b !important; color: #fff !important }

.title-hover-black:hover, .title-hover-black a:hover { color: #000 }

.title-hover-red:hover, .title-hover-red a:hover { color: #b61f24 !important }

.menu-bg-white ul li a { color: #565b70; height: 44.3px; line-height: 44.3px }

.menu-bg-white > ul li:before { background: #e9e9e9 }

.menu-bg-white > ul li:hover img { filter: brightness(0) invert(1) }

.menu-bg-white > ul li:hover p { color: #fff }

.menu-bg-white > ul li:hover { background: #e3171b }

.menu_more_header { position: absolute; width: 270px; height: 0; overflow: hidden; -webkit-box-shadow: 0 3px 14px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0 3px 14px -4px rgba(0,0,0,0.75); box-shadow: 0 3px 14px -4px rgba(0,0,0,0.75) }

.count-total-shopping.absolute { top: 12px; right: -5px; padding: 0 4px; background: #b61f24; border-radius: 50%; font-family: Open Sans; color: #fff; font-size: 10px }

.category-box p { cursor: pointer; padding: 0 0 0 15px; line-height: 35px; width: 120px; font-family: 'Open Sans', sans-serif !important; color: #333; border-right: 1px solid #d4d4d4; font-size: 16px; margin: 0; background: #fff }

.category-box p:before { content: "\f0d7"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; right: 15px }

.category-box p:active ul { display: block }

.category-box ul { display: none }

.category-box ul li { list-style: none }

.search-box input, .search-box button, .category-box { float: left }

.search-box input { outline: none; border: none; padding: 0 15px; width: 93.001%; height: 43px; line-height: 43px; background: transparent; box-shadow: none !important; display: table-cell; }

.search-box button { background: #b61f24; border: none; text-transform: uppercase; cursor: pointer; color: #fff; font-family: 'Open Sans', sans-serif !important; font-weight: bold; width: 7%; font-size: 18px; line-height: 43px; letter-spacing: 2px; outline: none; text-align: center; transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; display: table-cell; }
.search-box button i { display: block; line-height: 43px; }

.header-content { margin: 30px 0; display: flex }
.search-box {
  background: #f6f6f6;
  border: 2px solid #b61f24;
  width: 600px;
  margin: 2px 0 0 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 47px;
  z-index: 1000;
}

.search-box .category-box { position: relative }

.search-box .category-box:before { width: 15px; height: 15px; content: "\f107"; font-family: FontAwesome; font-size: 15px; line-height: 15px; color: #565656; position: absolute; top: 14px; right: 5px; background: none; }

@media(min-width:1025px) {
  .search-box { width: 700px; display: table; }
}

.icon-search-mobile { font-size: 33px; top: 50%; height: 36px; transform: translateY(-50%); right: 100px; cursor: pointer; display: none }

.category-box select { position: relative; z-index: 1; padding: 8px 11px 8px 10px; border: none; background: none; outline: none; box-shadow: none; width: 135px; height: 43px; border-radius: 0; appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none }

.category-box select option { padding: 2px 5px }

.refresh-website i, .fav-website i, .cart-website i, .bell-website i { font-size: 25px }

.refresh-website { top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 7%; cursor: pointer }

.bell-website { top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 7%; cursor: pointer }

.fav-website { top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 4%; cursor: pointer }

.cart-website { top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 1%; cursor: pointer }

.qrcode { top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 15%; position: absolute !important; cursor: pointer }

.cart-website:hover p { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1) }

.cart-detail-header { width: 100%; max-width: 320px; position: absolute; top: 50px; right: 0; display: none; z-index: 10; opacity: 0; border-top: 3px solid #b61f24; background: #fff; padding: 10px; -webkit-box-shadow: 0 3px 10px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0 3px 10px -4px rgba(0,0,0,0.75); box-shadow: 0 3px 10px -4px rgba(0,0,0,0.75) }

.total-cart-header, .btn-cart-header { display: flex; flex-direction: row; justify-content: space-between }

.btn-cart-header a { display: block; text-align: center; padding: 10px 30px; margin: 10px 0 0 0; color: #fff }

.total-cart-header p { padding: 10px 0; font-size: 16px }

.btn-cart-header a:nth-of-type(1) { background: #333 }

.btn-cart-header a:hover:nth-of-type(1), .btn-cart-header a:focus:nth-of-type(1) { background: #4c4b4b; color: #ffd200; }

.btn-cart-header a:nth-of-type(2) { background: #b61f24 }

.info-product-cart { margin: 10px 0 0 0 }

.total-product-cart-son { font-size: 15px; color: #7d7d7d }

.cart-detail-header:before { position: absolute; border-right: 10px solid transparent; content: ""; border-bottom: 10px solid #b61f24; border-left: 10px solid transparent; top: -12px; right: 5px }

.product-cart-son { width: 100%; display: table; border-bottom: 1px solid rgba(197, 196, 196, 0.4) }

.product-cart-son .image-product-cart { width: 70px; height: 70px; margin: 10px; border: 1px solid rgba(197, 196, 196, 0.4) }

.product-cart-son:last-of-type { border: none }

.search-box p { transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease }

.logo img { max-width: 100%; max-height: 100%; width: 129px; }

.menu-header ul li { list-style: none; float: left; position: relative }

.menu-header ul li a { line-height: 51px; display: block; text-transform: capitalize; padding: 0 30px; font-weight: bold; font-size: 17px; color: #232323 }

.menu-header > ul > li:first-child a i { margin: 0 10px 0 0 }

.menu-header > ul > li:first-child a { color: #fff; line-height: normal; width: 270px; text-transform: uppercase; background: #e3171b; padding: 15.5px 0 15.5px 18px }

.icon-menu-bar { font-size: 2em; height: 42px; margin-right: 10px; margin-top: 7px; }

@media(max-width:480px) {
  .icon-menu-bar { left: -8px }
}

.mask-search { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; visibility: hidden; background: rgba(255, 255, 255, 0.65) }

.box-search-mobile { position: absolute; top: 46%; left: 72%; transform: translate(-50%, -50%); /* overflow: hidden; */ height: 40px; z-index: 10; width: 100%; visibility: hidden; }

.box-search-mobile .search-box { display: block; margin: 0; width: 100% }

.top-footer { background: #ececec; padding: 27px 0 }

.text-subscribe { float: left; width: 40%; margin: 0 60px 0 0 }

.text-subscribe i { background: #b61f24; width: 66px; text-align: center; padding: 19px 0; color: #fff; border-radius: 50%; box-sizing: border-box; font-size: 2em; display: block; float: left; margin: 0 10px 0 0 }

.text-subscribe p:nth-of-type(1) { font-size: 18px; text-transform: uppercase; float: left; font-weight: bold }

.text-subscribe p:nth-of-type(2) { font-size: 14px; float: left }

.form-subscribe { width: 46%; float: left; border: 2px solid #b61f24 }

.form-subscribe input { padding: 10px; float: left; border: none; width: calc(100% - 130px); outline: none }

.form-subscribe button { text-transform: uppercase; background: #b61f24; color: #fff; font-weight: bold; width: 130px; cursor: pointer; letter-spacing: 1px; outline: none; border: none; text-align: center; padding: 10px; transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease }

.social-box a { color: #fff; display: inline-block; margin: 0 2px }

.menu-header-v3 { border-bottom: 2px solid #e3171b }

.form-subscribe, .text-subscribe p:nth-of-type(1), .social-box { margin: 12px 0 0 0 }

.support-box-info { border: none; text-align: left }

.top-footer, .form-subscribe input { background: #303030 }

.text-subscribe p:nth-of-type(1), .form-subscribe input { color: #fff }

.text-subscribe p:nth-of-type(2) { color: #5c5c5c }

/*.support-box-info { margin: 0 0 10px 0; }*/

.support-box-info img { margin: 5px 10px 0 0 }

.support-box-info p:nth-of-type(1) { font-weight: bold; text-transform: uppercase; color: #231f20; font-size: 14px; letter-spacing: 0.5px; margin: 7px 0 0 0 !important; }

.support-box-info p:nth-of-type(2) { font-size: 11px; text-transform: uppercase; color: #2b2b2b; letter-spacing: 0.25px; opacity: 0.6 }

.support_box_v2 .support-box-info p { color: #fff !important }

.support-box-v2, .support_box_v2 .support-box-info { border-right: 1px solid rgba(255, 255, 255, 0.3) }

.support-box-v3 { border-bottom: 1px solid #ededed; padding: 30px 0; }

.support-box-v4 { padding: 10px 0; margin-bottom: 20px }

.breadcrumb-web { margin-bottom: 10px; margin-top: 10px }

.breadcrumb-web ul { overflow: hidden }

.breadcrumb-web ul li { list-style: none; float: left; line-height: 20px; font-size: 14px; }

.breadcrumb-web ul li a { color: #2b2b2b; font-size: 14px; font-weight: 700 }

.breadcrumb-web ul li:last-child a { color: #b61f24; font-weight: 700 }

.breadcrumb-web ul li:first-child::before { content: ''; display: none }

.breadcrumb-web ul li:before { content: '/'; font-weight: 700; text-decoration: inherit; padding: 0 7px; color: #000 }

.check-box-custom li label { display: inline-block; position: relative; padding-left: 24px; margin-bottom: 0; line-height: 39px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: normal }

.check-box-custom li input { opacity: 0; margin: 0; position: absolute; cursor: pointer }

.check-box-custom .checkmark { position: absolute; top: 12px; left: 0; height: 16px; width: 16px; border: 1px solid #e9e9e9; background-color: #fff; border-radius: 1px }

.title-check-box-black li > label, .list-color li > label { line-height: normal; margin-bottom: 12px }

.title-check-box-black .checkmark, .list-color .checkmark { top: 4px }

.check-box-custom:not(.list-color) label:hover input ~ .checkmark { background-color: #ccc }

.check-box-custom:not(.list-color) label input:checked ~ .checkmark { background-color: #e3171b }

.check-box-custom:not(.list-color) label input:checked ~ .checkmark:after { display: block }

.list-color li:nth-of-type(1) span { background: #abb2be }

.list-color li:nth-of-type(2) span { background: #cec4a5 }

.list-color li:nth-of-type(3) span { background: #abb2be }

.list-color li:nth-of-type(4) span { background: #f8cacd }

.list-color li:nth-of-type(5) span { background: #904a00 }

.list-color li:nth-of-type(6) span { background: #f8ebd6 }

.list-color li:nth-of-type(7) span { background: #df4a38 }

.list-color li:nth-of-type(8) span { background: #be9968 }

.list-color li:nth-of-type(9) span { background: #ec9b00 }

.list-color li:nth-of-type(10) span { background: #679def }

.list-color li:nth-of-type(11) span { background: #a5d461 }

.list-color li:nth-of-type(12) span { background: #ecc300 }

.sider-bar-category ul li { list-style: none }

.sider-bar-category ul li a { transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease }

.sider-bar-category .list-siderbar li a, .check-box-custom li label, .range-slider .text-range { font-size: 14px; color: #000 }

.sider-bar-category p, .sider-bar-category .getintouch small { font-size: 12px; line-height: 15px; color: #b61f24 }

.sider-bar-category .no-warranty { position: relative }

.sider-bar-category .no-warranty:after { width: 1px; content: ''; position: absolute; top: 0; bottom: 5px; left: 9px; background: #b61f24; transform: rotate(-45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg) }

.text-footer li a:hover, .sider-bar-category .list-siderbar li a:hover { color: #b61f24 }
/*.sider-bar-category{padding:25px}*/
.sider-bar-category { padding: 10px 15px }

.sider-bar-category .list-siderbar li { line-height: 38px }

.sider-bar-category .list-siderbar li:before { margin: 0 10px 0 0; content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit }

.sider-bar-category .title-siderbar { color: #232323; letter-spacing: 0.5px; font-size: 16px; padding: 5px 0 }

.top-product-detail .product-qntty { overflow: hidden }

.top-product-detail .product-qntty input { width: 100% }

.list-color li { float: left; position: relative; width: 25px; margin: 3.5px; height: 25px; list-style: none }

.list-color .checkmark { width: 25px; height: 25px; top: 0; border: none }

.list-color label input:checked ~ ::before { content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #333; position: absolute; left: 5px; top: 6px }

.list-color label input:checked ~ .checkmark { opacity: 0.5 }

.range-slider { position: relative; width: 100%; height: 50px; text-align: center; margin-top: 25px }

.input-filter-range { padding: 10px 0 0 !important; overflow: hidden }

.input-filter-range label { float: left; padding: 5px 0 0; margin: 0 5px 0 0 }

.input-filter-range input[type="text"] { width: 70px !important; height: 30px; border: 1px solid #a6a6a6; padding: 5px 10px; float: left; outline: none }

.text-range { position: absolute; bottom: 0; left: 0; margin: 0 }

.ranking i { color: #f9af2f; font-size: 13px }

.ranking { display: block }

.image-product { background: #fff; margin: 0 0 15px 0 }

.image-product img { max-width: 100%; max-height: 100%; overflow: hidden; position: relative }

.product-percent-content { min-height: 390px }

.product-percent-content .title-product a { font-size: 12px }

.product-percent-content .price-product { font-size: 18px }

.product-percent-content .price-old { font-size: 14px }

.product-son img { width: 100%; height: auto; margin: 0 0 0 0 }

.product-son button, .product-son-listing button, .product-category button, .compare-product-section .btn, .forgot-password-form input[type="submit"] { background: #b61f24; color: #fff; border-radius: 0; border: 0; transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease }

.product-son button:hover, .product-son-listing button:hover, .product-category button:hover, .compare-product-section .btn:hover, .forgot-password-form input:hover[type="submit"] { color: #f7cc0d }

.option-product li { font-size: 18px; text-align: center; padding: 5px 0; border-bottom: 1px solid #dadada; box-sizing: border-box; list-style: none; cursor: pointer }

.option-product li:last-child { border: none }

.option-product li a { color: #dfdfdf }

.option-product li a:hover { color: #b61f24; text-decoration: none }

.option-product { width: 40px; position: absolute; right: 0; top: -100%; opacity: 0; visibility: hidden; background: #fff; z-index: 10; padding: 0; -webkit-box-shadow: 0 0 15px -3px rgba(0,0,0,0.56); -moz-box-shadow: 0 0 15px -3px rgba(0,0,0,0.56); -o-box-shadow: 0 0 15px -3px rgba(0,0,0,0.56); box-shadow: 0 0 15px -3px rgba(0,0,0,0.56); transition: 0.5s all cubic-bezier(0.54, 0.24, 0.65, 1.55); -o-transition: 0.5s all cubic-bezier(0.54, 0.24, 0.65, 1.55); -moz-transition: 0.5s all cubic-bezier(0.54, 0.24, 0.65, 1.55); -webkit-transition: 0.5s all cubic-bezier(0.54, 0.24, 0.65, 1.55) }

.image-product:hover > .option-product { top: 0; opacity: 1; visibility: visible }

.product-category h3 { line-height: 20px !important; }

.title-product { margin: 0 !important; height: 44px !important; overflow: hidden !important; display: block !important; display: -webkit-box !important; max-width: 100% !important; margin: 0 auto !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; text-overflow: ellipsis !important; }

.title-product a { font-size: 14px !important; line-height: 14px !important; color: #000 }

.title-product a:hover { color: #b61f24 }

.cartDropdown .title-product { height: 33px !important; }

.product-category .price-holder { font-size: 16px; line-height: 20px; color: #b61f24; margin: 0 0 5px }

.product-category .price-holder .old-price { position: relative; padding: 5px 0 0; font-size: 12px; line-height: 12px; color: #adadad; }

.product-category .price-holder .old-price:after { content: ""; height: 1px; position: absolute; left: 0; right: 0; top: 65%; background: #adadad }

.product-category .product-btns-holder { background: rgba(255,255,255,0.7); border: solid #b61f24; border-width: 0 1px 1px; overflow: hidden; position: absolute; right: -1px; bottom: -1px; left: -1px; z-index: 1; padding: 0 10px 10px; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; visibility: hidden; opacity: 0 }

.product-category:hover .product-btns-holder { opacity: 1; visibility: visible }

.product-category .product-brand-name { display: block; margin: 5px 0 10px !important; font-size: 12px; line-height: 16px; color: #000 }

.product-category .product-brand-name a { color: #b61f24 }

.product-category .product-brand-name a:hover { text-decoration: underline }

.ranking-color { color: #ffbc00 }

.brandlogo { width: 70px !important; height: 50px !important; margin: auto !important; background: #f2f2f2; padding: 5px; display: block; margin-top: -40px !important; position: relative }

.brandlogo img { width: 100% !important }

.home-products-carousel.owl-carousel .owl-stage-outer { z-index: 2 }

.home-products-carousel.owl-carousel .item { padding: 15px }

.product-category { overflow: hidden; border: solid 1px #e6e6e6; margin: 0; padding: 27px 10px; margin-bottom: 30px; position: relative; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; min-height: 360px !important }

.product-category:after { content: ""; clear: both; display: block }

.product-category:hover { border: 1px solid #b61f24; -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.24); -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,0.24); box-shadow: 0 0 9px 0 rgba(0,0,0,0.24); transform: scale(1.06) }

.product-category .product-discount { width: 150px; height: 30px; padding: 5px; font-size: 14px; line-height: 18px; color: #ffbc00; position: absolute; top: 8px; left: -48px; z-index: 1; display: none; background: #b61f24; transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 0 0 7px rgba(0,0,0,0.50) }

.product-category.discounted-product .product-discount { display: block }

.product-category .image-product { height: 100%; margin: 0; margin: 0 0 10px; overflow: hidden }

.product-category .image-product img { height: 150px !important; width: auto !important; max-width: unset !important; }

.product-category button a { color: #fff }

.product-category button:hover a { color: #ffbc00 }

.showingdropdown { padding: 10px 5px; border: solid 1px #dedede; outline: 0 }

.button-show-sidebar { z-index: 5; display: none }

.button-show-sidebar p { width: 130px; font-size: 17px; line-height: 40px; margin: 0 0 15px 0; padding: 0 15px; border: 1px solid #dedede }

.button-show-sidebar p:active { color: #e3171b; border: 1px solid #e3171b }

.pagging { padding: 30px 0 0; overflow: hidden; margin-bottom: 30px; }

.pagging ul { margin: 0; padding: 0; }

.pagging ul li { float: left; list-style: none; margin: 0; box-sizing: border-box }

.pagging ul li a { width: 35px; height: 35px; padding: 6px 2px 0; text-align: center; line-height: 20px; border: 1px solid #dedede; display: block; color: #232323; font-size: 14px; transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease }

.pagging ul li:last-child a, .pagging ul li:first-child a { padding: 6px 10px 0; width: auto }

.pagging ul li a:hover, .active-pagging a { color: #fff !important; background: #b61f24; text-decoration: none; border-color: #b61f24 !important; }

.page-item.disabled a:hover { color: #232323 !important; }

.dots-pagging { padding-top: 20px }

.pagging.account-paging { display: block; margin: 30px 0 }

.pagging.account-paging .paging-heading { display: inline-block; vertical-align: top; padding: 10px 0 0; color: #282828; font-size: 14px; line-height: 18px }

.pagging.account-paging ul { display: inline-block; vertical-align: top; margin: 0; letter-spacing: 0; font-size: 0 }

.pagging.account-paging ul li { float: none; display: inline-block; vertical-align: top; margin: 0 0 0 10px }

table { border-collapse: collapse }

.modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)) }

.modal-content { border-radius: 0 }
/*.modal-dialog{width:96%;max-width:1170px}*/
.slide-modal-big { width: 460px; float: none; margin: 0 auto }

.close-modal { background: none; border: 1px solid #333; border-radius: 50%; color: #333; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 20px; position: absolute; right: 15px; outline: none; top: 0; z-index: 10; cursor: pointer }

.close-modal:hover { color: #b61f24; border-color: #b61f24 }

.title-product-modal { font-size: 36px; text-transform: uppercase; margin: 35px 0 5px 0; letter-spacing: 0.25px }

.count-review-modal { margin: 0 0 0 30px; font-size: 14px; color: #717171; font-weight: 400 }

.price-modal { font-size: 30px; color: #666; font-family: "Roboto Condensed"; font-weight: 400 }

.price-modal span:last-child { font-size: 36px }

.price-old-modal { text-decoration: line-through }

.intro-product-modal { font-size: 15px; line-height: 26px }

.category-product-modal { font-size: 16px }

.box-num-product-modal input { width: 50px; line-height: 58px; border: 1px solid #dedede; text-align: center; font-size: 18px; padding: 0 3px; outline: none; float: left }

.box-num-product-modal span { width: 30px; line-height: 28px; display: table; cursor: pointer; text-align: center; border: 1px solid #dedede; border-left: none }

.box-num-product-modal span:nth-of-type(1) { border-bottom: 1px solid #fff }

.box-num-product-modal span:hover { background: #dedede }

.box-num-product-modal span:hover:nth-of-type(1) { border-bottom: 1px solid #dedede }

.add-cart-modal { background: #e3171b; color: #fff; font-size: 18px; line-height: 60px; padding: 0 40px }

.add-cart-modal:hover { background: #cc1419; text-decoration: none; color: #fff }

.add-favor-modal:hover { background: #333; color: #fff }

.category-product-modal a:hover { color: #333 }

.add-favor-modal { line-height: 60px; padding: 0 17px; font-size: 1.8em; background: #d6d6d6; color: #fff }

.box-rank-modal, .option-button-modal { display: flex; flex-direction: row; align-items: center }

#owl-big-slide-quickview { width: 100%; height: 450px }

header .search-box form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center }

body { overflow-x: hidden; position: relative; right: 0 }

.pushmenu { background: #1d1d1f; width: 362px; height: 100%; top: 0; z-index: 1000; position: fixed }

.pushmenu.pushmenu-left { background: transparent; width: 417px }

.pushmenu-left { right: -417px }

.pushmenu-left.pushmenu-open { right: 0 }

.pushmenu-push-toright { right: 362px }

.pushmenu-push-toright-cart { right: 417px }

.pushmenu, body { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 5 }

.pushmenu-push-toright .wrappage { position: relative }

.pushmenu-push-toright-cart .wrappage:after { position: absolute; background: rgba(29, 29, 31, 0.6) none repeat scroll 0 0; content: ""; height: 100%; width: 100%; left: 0; top: 0; z-index: 9999; cursor: pointer }

@media (max-width:320px) {
  .pushmenu { width: 280px }

  .pushmenu-left { right: -280px }

  .pushmenu-push-toright-cart { right: 280px }

  .pushmenu.pushmenu-left { width: 280px }

  .menu-social { width: 280px }

  .cart-bottom { width: 300px }
}

.nav-home5 > li { position: relative; display: block }

.nav-home5 > li > a { font-size: 14px; font-weight: 500; font-family: 'Open Sans', sans-serif !important; text-transform: uppercase; color: #a4a4a4; position: relative; -webkit-transition: none; transition: none; line-height: 26px; padding: 12px 30px; padding-right: 0; display: block; border-bottom: 1px solid rgba(92, 92, 92, 0.23) }

.nav-home5 > li > a:hover { color: #fff; background: none }

.nav-home5 > li > a.active { color: #fff }

.nav-home5 .menu-level1 { margin-top: 15px }

.nav-home5 .menu-level1 .level2 { padding-left: 48px }

.nav-home5 .menu-level1 .level2 > a { font: 14px/33px 'Roboto', sans-serif; text-transform: capitalize; color: #a4a4a4; position: relative }

.nav-home5 .menu-level1 .level2 > a:focus { color: #fff }

.nav-home5 .menu-level1 .level2 > a:focus:before { background: #fff }

.nav-home5 .menu-level1 .level2 > a:before { content: ""; position: absolute; width: 9px; height: 1px; left: -18px; top: 10px; background: #a4a4a4 }

.nav-home5 .menu-level1 .level1 > .level2 > a { color: #fff }

.nav-home5 .menu-level1 .level1 > .level2 > a:before { content: none }

.nav-home5 .menu-level-2 { margin: 15px 0 }

.nav-home5 .menu-level-2 .level3 { padding-left: 15px }

.nav-home5 .menu-level-2 .level3 > a { font: 400 14px/33px 'Roboto', sans-serif; text-transform: capitalize; color: #a4a4a4; position: relative }

.nav-home5 .menu-level-2 .level3 > a:focus { color: #fff }

.nav-home5 .menu-level-2 .level3 > a:focus:before { background: #fff }

.nav-home5 .menu-level-2 .level3 > a:before { content: ""; position: absolute; width: 9px; height: 1px; left: -18px; top: 10px; background: #a4a4a4 }

.pushmenu.menu-home5 { overflow: auto; -webkit-overflow-scrolling: touch }

.menu-home5 .searchform { position: relative; padding: 0 28px 30px 28px; border-bottom: 2px solid rgba(92, 92, 92, 0.43) }

.menu-home5 .searchform input[type=text] { background-color: rgba(255, 255, 255, 0.1); border: none; border: 1px solid rgba(208, 208, 208, 0.09); padding: 14px 50px 10px 18px; font-size: 14px; color: #fff; width: 100% }

.menu-home5 .searchform button { position: absolute; top: 18px; right: 28px; border: none; background-color: transparent; padding: 0; width: 50px; height: 50px; color: rgba(255, 255, 255, 0.8); text-align: center }

.close-left { float: right; color: #fff; cursor: pointer; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-bottom: 10px }
/*.pushmenu-push-toleft{-webkit-transform:translate(362px, 0);transform:translate(362px, 0);-webkit-transform:translate3d(362px, 0, 0);transform:translate3d(362px, 0, 0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease;display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:6}*/
@media (max-width:320px) {
  .pushmenu-push-toleft { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
/*.pushmenu-push-toleft .wrappage:after{background:rgba(29, 29, 31, 0.6);content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}*/
@media (max-width:480px) {
  .wrappage.lbl_active:after { background: rgba(29, 29, 31, 0.6); content: ""; cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4 }
}

.menu-home5 { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform-origin: top left; transform-origin: top left }

.menu-home5.pushmenu-open { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }

@media (max-width:320px) {
  .menu-home5.pushmenu-open { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}

.icon-sub-menu { position: absolute; top: 0; right: 0; height: 49px; width: 49px; border-left: 1px solid rgba(92, 92, 92, 0.23); cursor: pointer; padding-right: 18px; background-color: transparent }

.icon-sub-menu.up-icon:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -sand-transform: rotate(-45deg) }

.icon-sub-menu.up-icon:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -sand-transform: rotate(45deg) }

.icon-sub-menu:before { transform: translateX(3px) rotate(-50deg); -webkit-transform: translateX(3px) rotate(-50deg); -moz-transform: translateX(3px) rotate(-50deg); -o-transform: translateX(3px) rotate(-50deg); -ms-transform: translateX(3px) rotate(-50deg); -sand-transform: translateX(3px) rotate(-50deg) }

.icon-sub-menu:after { transform: translateX(-4px) rotate(50deg); -webkit-transform: translateX(-4px) rotate(50deg); -moz-transform: translateX(-4px) rotate(50deg); -o-transform: translateX(-4px) rotate(50deg); -ms-transform: translateX(-4px) rotate(50deg); -sand-transform: translateX(-4px) rotate(50deg) }

.icon-sub-menu:before, .icon-sub-menu:after { content: " "; position: absolute; right: 17px; top: 50%; margin-top: -1px; width: 12px; height: 2px; display: inline-block; background-color: #fff; -webkit-transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out, width .2s ease-in-out, -webkit-transform .2s ease-in-out; transition: background-color .2s ease-in-out, width .2s ease-in-out, -webkit-transform .2s ease-in-out; transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out, -webkit-transform .2s ease-in-out }

.menu-level1 { display: none }

.menu-level1.open { display: block }

.menu-vertical i { margin: 0 10px 0 0 }

.menu-vertical { background: #e3171b; padding: 15.5px 0 15.5px 18px; display: inline-block; width: 100% }

.menu-vertical span { color: #fff; line-height: normal; width: 100%; text-transform: uppercase; font-size: 15px }

@media(max-width:812px) {
  .hidden-ipx { display: none }
}

@media (max-width:991px) {
  /*.slide-v1{height:auto;width:316px!important}*/
}

.brandsandproducts, .brands { margin-bottom: 30px }

.brandsandproducts .listings-menu-main { width: 220px; float: left }

.brandsandproducts .listings-menu-main .listings-menu { width: 100%; background: #fff; border-right: solid 1px #ddd; max-height: 477px; overflow: auto; }

.brandsandproducts .listings-menu-main .listings-menu .headinglink { font-weight: 700; font-size: 14px; color: #b61f24; display: block; line-height: 35px; padding: 0 0 0 15px; border-bottom: dotted 1px #ddd }

.brandsandproducts .listings-menu-main .listings-menu ul { margin: 0 }

.brandsandproducts .listings-menu-main .listings-menu ul li { list-style: none; position: relative; transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; border-bottom: dotted 1px #cacaca }

.brandsandproducts .listings-menu-main .listings-menu ul li a { display: block; padding: 0 5px 0 5px; /*height: 29px;*/ line-height: 25px; color: #000; text-decoration: none }

.brandsandproducts .listings-menu-main .listings-menu ul li a:hover { background: #f2f2f2; color: #b61f24; text-decoration: none }

.brandsandproducts .listings-menu-main .listings-menu ul li a i { margin: 0 5px 0 5px; width: 20px; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%) }

.brandsandproducts .listings-menu-main .listings-menu ul li p { padding: 0 0 0 20px; font-size: 13px; margin: 0 }

.brandsandproducts .listings-menu-main .headingback { height: 54px; line-height: 54px; color: #fff; font-weight: 600 }

.brandsandproducts .listings-menu-main .headingback a { color: #fff }

.brandsandproducts .listings-menu-main .headingback.cat-01 { background: #02919f; /*background:-moz-linear-gradient(left, #02919f 0%, #03939e 3%, #0597a4 10%, #0397a3 12%, #069aa8 16%, #059daa 23%, #079fad 24%, #09a2b0 30%, #07a3b0 33%, #0aa6b5 36%, #0dafbe 52%, #0eafc1 52%, #10bacb 68%, #15c6da 100%);
background:-webkit-linear-gradient(left, #02919f 0%,#03939e 3%,#0597a4 10%,#0397a3 12%,#069aa8 16%,#059daa 23%,#079fad 24%,#09a2b0 30%,#07a3b0 33%,#0aa6b5 36%,#0dafbe 52%,#0eafc1 52%,#10bacb 68%,#15c6da 100%);
background:linear-gradient(to right, #02919f 0%,#03939e 3%,#0597a4 10%,#0397a3 12%,#069aa8 16%,#059daa 23%,#079fad 24%,#09a2b0 30%,#07a3b0 33%,#0aa6b5 36%,#0dafbe 52%,#0eafc1 52%,#10bacb 68%,#15c6da 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#02919f', endColorstr='#15c6da',GradientType=1 );*/ /*background-image: url(../images/bg-heading-00.png);*/ background-repeat: no-repeat; background-position: 0 -14px; }

.brandsandproducts .listings-menu-main .headingback.cat-01 .counter { background: #005e74 }

.brandsandproducts .listings-menu-main .headingback.cat-02 { background: #a92f6a; /*background:-moz-linear-gradient(left, #a92f6a 0%, #ba3876 27%, #bf3a79 30%, #cb417f 46%, #cc4182 47%, #d64787 62%, #d7488a 63%, #d94889 66%, #e14c90 77%, #ec5396 99%, #acacac 100%);
background:-webkit-linear-gradient(left, #a92f6a 0%,#ba3876 27%,#bf3a79 30%,#cb417f 46%,#cc4182 47%,#d64787 62%,#d7488a 63%,#d94889 66%,#e14c90 77%,#ec5396 99%,#acacac 100%);
background:linear-gradient(to right, #a92f6a 0%,#ba3876 27%,#bf3a79 30%,#cb417f 46%,#cc4182 47%,#d64787 62%,#d7488a 63%,#d94889 66%,#e14c90 77%,#ec5396 99%,#acacac 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a92f6a', endColorstr='#acacac',GradientType=1 );*/ /*background-image: url(../images/bg-heading-01.png);*/ background-repeat: no-repeat; background-position: 0 -14px; }

.brandsandproducts .listings-menu-main .headingback.cat-02 .counter { background: #800037 }

.brandsandproducts .listings-menu-main .headingback.cat-03 { background: #009e47; /*background:-moz-linear-gradient(left, #009e47 0%, #00b257 35%, #01ba5f 44%, #00bb5d 45%, #00bb60 46%, #00bb5d 47%, #00bf62 51%, #00d070 77%, #00db77 100%);
background:-webkit-linear-gradient(left, #009e47 0%,#00b257 35%,#01ba5f 44%,#00bb5d 45%,#00bb60 46%,#00bb5d 47%,#00bf62 51%,#00d070 77%,#00db77 100%);
background:linear-gradient(to right, #009e47 0%,#00b257 35%,#01ba5f 44%,#00bb5d 45%,#00bb60 46%,#00bb5d 47%,#00bf62 51%,#00d070 77%,#00db77 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009e47', endColorstr='#00db77',GradientType=1 );*/ /*background-image: url(../images/bg-heading-02.png);*/ background-repeat: no-repeat; background-position: 0 -14px; }

.brandsandproducts .listings-menu-main .headingback.cat-03 .counter { background: #007528 }


.brandsandproducts .listings-menu-main .headingback .counter { width: 31px; text-align: center; display: block; height: 100%; margin: 0 0 -1px 0 }

.brandsandproducts .listings-menu-main .headingback span { float: left }

.brandsandproducts .listings-menu-main .headingback .heading-text { padding: 0 10px }

.brandsandproducts .listings-menu-main .headingback img { margin-top: -15px; position: relative }

.brandsandproducts .slider-heading { padding: 0 15px; background: #fbfbfb; color: #000; height: 54px; line-height: 54px; border: none; width: 100%; font-size: 18px; font-weight: 700; margin: 0 }

.brands-products { background: #fff; width: 950px; float: left }

.brands-products .top { width: 100%; background: #fbfbfb; height: 54px; line-height: 54px; padding: 0 15px; overflow: hidden; border-bottom: solid 1px #ddd }

.brands-products .bigad-brands { width: 370px; float: left; background: #f9f9f9; position: relative }

.brands-products .bigad-brands span { display: block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); font-size: 25px; text-transform: uppercase; color: #ccc; width: 100%; text-align: center; vertical-align: middle; position: absolute; top: 45% }

.brands-products .bigad-brands a { position: relative; z-index: 9; }

.brands-products .products { float: left; width: 580px }

.brands-products .products .promotions { width: 100%; border-bottom: solid 1px #ddd; overflow: auto; height: 477px; }

.brands-products .products .promotions:nth-child(3) { border: none }

  .brands-products .products .promotions a {
    width: 33.33333333%;
    float: left;
    display: block;
  }

.brands-products .products .promotions .promotion { display: block; font-size: 14px; line-height: 18px; text-align: center; border: solid #ddd; border-width: 0 1px 1px 0; padding: 0 15px; background: #fff; text-decoration: none; transition: all 0.5s; min-height: 238px; }


.brands-products .products .promotions .promotion .title { margin: 0; padding-top: 10px; color: #000; min-height: 48px }

.brands-products .products .promotions .promotion .subtitle { margin: 0; font-size: inherit; font-weight: 500; line-height: inherit; color: #666; padding-bottom: 10px }

.brands-products .products .promotions .product-image { width: 98%; height: 153px; margin: auto; padding: 10px 0; overflow: hidden; background-repeat: no-repeat; background-size: 100%; background-position: 0 20px; }

.brands-products .products .promotions .product-image img { height: auto !important; width: 100% !important; margin: auto !important; transition: all 0.5s ease; }

.brands-products .products .promotions .promotion:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

.brands-products .products .promotions .promotion:hover .title { color: #b61f24 }

.clear { clear: both }

.fixed-ontop { display: none }

.supplier-img { float: left; width: 15%; margin-right: 10px }

.supplier-details { float: left; width: 74% }

.carousel-inner.vertical { height: 100%; top: 50px }

.carousel-inner.vertical > .item { -webkit-transition: .6s ease-in-out top; -o-transition: .6s ease-in-out top; transition: .6s ease-in-out top }

@media all and (transform-3d),(-webkit-transform-3d) {
  .carousel-inner.vertical > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000 }

  .carousel-inner.vertical > .item.next, .carousel-inner.vertical > .item.active.right { -webkit-transform: translate3d(0, 33.33%, 0); transform: translate3d(0, 33.33%, 0); top: 0 }

  .carousel-inner.vertical > .item.prev, .carousel-inner.vertical > .item.active.left { -webkit-transform: translate3d(0, -33.33%, 0); transform: translate3d(0, -33.33%, 0); top: 0 }

  .carousel-inner.vertical > .item.next.left, .carousel-inner.vertical > .item.prev.right, .carousel-inner.vertical > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0 }
}

.carousel-inner.vertical > .active { top: 0 }

.carousel-inner.vertical > .next, .carousel-inner.vertical > .prev { top: 0; height: 100%; width: auto }

.carousel-inner.vertical > .next { left: 0; top: 33.33%; right: 0 }

.carousel-inner.vertical > .prev { left: 0; top: -33.33%; right: 0 }

.carousel-inner.vertical > .next.left, .carousel-inner.vertical > .prev.right { top: 0 }

.carousel-inner.vertical > .active.left { left: 0; top: -33.33%; right: 0 }

.carousel-inner.vertical > .active.right { left: 0; top: 33.33%; right: 0 }

.carousel-control { text-shadow: none; color: #000; font-size: 35px; opacity: 1 }

.carousel-control:hover { text-shadow: none; color: #b61f24; opacity: 1 }

#carousel-pager .carousel-control.left { bottom: initial; width: 100%; background: none !important; cursor: pointer }

#carousel-pager .carousel-control.right { top: initial; width: 100%; background: none !important; bottom: -100px; cursor: pointer }

.carousel-inner.vertical > .item > a > img, .carousel-inner.vertical > .item > img { cursor: pointer }

#overlay { border: 1px solid black; width: calc(100% + 305px); height: 410px; display: inline-block; position: absolute; left: 94%; top: 0; z-index: 999999999; background-repeat: no-repeat !important; background: #fff }

/*.graytext {
  font-size: 16px;
  color: #959595;
  letter-spacing: 0
}*/
.graytext { font-size: 14px; color: #333; letter-spacing: 0 }

.yellowbtn { background: #ffbc00 !important }

.yellowbtn:hover { color: #fff !important; background: #b61f24 !important }
/*************** Bootstrap 5 Columns New Classes ******************/
.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4 { float: left }

.col-xs-5th-5 { float: left; width: 100% }

.col-xs-5th-4 { width: 80% }

.col-xs-5th-3 { width: 60% }

.col-xs-5th-2 { width: 40% }

.col-xs-5th-1 { width: 20% }

.col-xs-5th-pull-5 { right: 100% }

.col-xs-5th-pull-4 { right: 80% }

.col-xs-5th-pull-3 { right: 60% }

.col-xs-5th-pull-2 { right: 40% }

.col-xs-5th-pull-1 { right: 20% }

.col-xs-5th-pull-0 { right: auto }

.col-xs-5th-push-5 { left: 100% }

.col-xs-5th-push-4 { left: 80% }

.col-xs-5th-push-3 { left: 60% }

.col-xs-5th-push-2 { left: 40% }

.col-xs-5th-push-1 { left: 20% }

.col-xs-5th-push-0 { left: auto }

.col-xs-5th-offset-5 { margin-left: 100% }

.col-xs-5th-offset-4 { margin-left: 80% }

.col-xs-5th-offset-3 { margin-left: 60% }

.col-xs-5th-offset-2 { margin-left: 40% }

.col-xs-5th-offset-1 { margin-left: 20% }

.col-xs-5th-offset-0 { margin-left: 0 }

@media(min-width:768px) {
  .col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4 { float: left }

  .col-sm-5th-5 { float: left; width: 100% }

  .col-sm-5th-4 { width: 80% }

  .col-sm-5th-3 { width: 60% }

  .col-sm-5th-2 { width: 40% }

  .col-sm-5th-1 { width: 20% }

  .col-sm-5th-pull-5 { right: 100% }

  .col-sm-5th-pull-4 { right: 80% }

  .col-sm-5th-pull-3 { right: 60% }

  .col-sm-5th-pull-2 { right: 40% }

  .col-sm-5th-pull-1 { right: 20% }

  .col-sm-5th-pull-0 { right: auto }

  .col-sm-5th-push-5 { left: 100% }

  .col-sm-5th-push-4 { left: 80% }

  .col-sm-5th-push-3 { left: 60% }

  .col-sm-5th-push-2 { left: 40% }

  .col-sm-5th-push-1 { left: 20% }

  .col-sm-5th-push-0 { left: auto }

  .col-sm-5th-offset-5 { margin-left: 100% }

  .col-sm-5th-offset-4 { margin-left: 80% }

  .col-sm-5th-offset-3 { margin-left: 60% }

  .col-sm-5th-offset-2 { margin-left: 40% }

  .col-sm-5th-offset-1 { margin-left: 20% }

  .col-sm-5th-offset-0 { margin-left: 0 }
}

@media(min-width:992px) {
  .col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4 { float: left }

  .col-md-5th-5 { float: left; width: 100% }

  .col-md-5th-4 { width: 80% }

  .col-md-5th-3 { width: 60% }

  .col-md-5th-2 { width: 40% }

  .col-md-5th-1 { width: 20% }

  .col-md-5th-pull-5 { right: 100% }

  .col-md-5th-pull-4 { right: 80% }

  .col-md-5th-pull-3 { right: 60% }

  .col-md-5th-pull-2 { right: 40% }

  .col-md-5th-pull-1 { right: 20% }

  .col-md-5th-pull-0 { right: auto }

  .col-md-5th-push-5 { left: 100% }

  .col-md-5th-push-4 { left: 80% }

  .col-md-5th-push-3 { left: 60% }

  .col-md-5th-push-2 { left: 40% }

  .col-md-5th-push-1 { left: 20% }

  .col-md-5th-push-0 { left: auto }

  .col-md-5th-offset-5 { margin-left: 100% }

  .col-md-5th-offset-4 { margin-left: 80% }

  .col-md-5th-offset-3 { margin-left: 60% }

  .col-md-5th-offset-2 { margin-left: 40% }

  .col-md-5th-offset-1 { margin-left: 20% }

  .col-md-5th-offset-0 { margin-left: 0 }
}

@media(min-width:1200px) {
  .col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 { float: left }

  .col-lg-5th-5 { float: left; width: 100% }

  .col-lg-5th-4 { width: 80% }

  .col-lg-5th-3 { width: 60% }

  .col-lg-5th-2 { width: 40% }

  .col-lg-5th-1 { width: 20% }

  .col-lg-5th-pull-5 { right: 100% }

  .col-lg-5th-pull-4 { right: 80% }

  .col-lg-5th-pull-3 { right: 60% }

  .col-lg-5th-pull-2 { right: 40% }

  .col-lg-5th-pull-1 { right: 20% }

  .col-lg-5th-pull-0 { right: auto }

  .col-lg-5th-push-5 { left: 100% }

  .col-lg-5th-push-4 { left: 80% }

  .col-lg-5th-push-3 { left: 60% }

  .col-lg-5th-push-2 { left: 40% }

  .col-lg-5th-push-1 { left: 20% }

  .col-lg-5th-push-0 { left: auto }

  .col-lg-5th-offset-5 { margin-left: 100% }

  .col-lg-5th-offset-4 { margin-left: 80% }

  .col-lg-5th-offset-3 { margin-left: 60% }

  .col-lg-5th-offset-2 { margin-left: 40% }

  .col-lg-5th-offset-1 { margin-left: 20% }

  .col-lg-5th-offset-0 { margin-left: 0 }
}

.menu { position: relative; padding: 0 0 0 4px; margin: 0 }

.menu > li { display: block }

.menu > li > a { display: block }

.menu > li:hover > a { color: #227087 }

.menu > li:hover { background-color: #fff }

.menu > li > .megadrop { opacity: 0; visibility: hidden; position: absolute; list-style: none; top: -1px; left: 152px !important; width: 951px;  height: 387px !important;  text-align: left; padding: 0; z-index: 99; overflow: hidden; background: rgba(255, 255, 255, 0.99); border: solid 1px #ccc; margin-left: 66px; padding-top: 15px; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; column-fill: auto; }

.menu > li:hover .megadrop { opacity: 1; visibility: visible }

.menu ul li:hover:after { color: #227087 }

.menu .col { width: 30.5%; float: left; color: #fff; margin: 0 0 0 2.2% }

.menu .menu-widget ul { padding: 0; margin: 0 }

.menu .menu-widget ul li { padding: 0; list-style: none; font-size: 13px !important; line-height: 16px !important }

.menu .menu-widget h3 { font-size: 14px !important; font-weight: bold !important; margin: 0 0 10px !important; color: #b61f24 !important; }

.menu .menu-widget ul li a { display: inline-block; vertical-align: top; color: #000 !important; }

.menu .menu-widget ul li a:hover { color: #b61f24 !important; text-decoration: none }

.menu > li > ul li ul, .menu li > ul li, .menu > li > .megadrop, .menu > li > ul, .menu > li { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-outs }

.menu .menu-widget { margin: 0 1em !important; position: relative; display: block; width: 85%; }

/*.menu .col .menu-widget:after {
      height: 1px;
      content: "";
      position: absolute;
      left: 0;
      bottom: -10px;
      background: #aaa;
      right: 15px
    }

    .menu .col .menu-widget:last-child:after {
      display: none
    }*/

.menu .menu-widget ul { padding: 0 0 0 10px; overflow: hidden }

.menu .menu-widget ul li { margin: 0 0 7px }

.menu .menu-widget li a { margin: 0 }

#pageloadpopup .panel { margin-top: 50px; min-height: 400px; background-color: #416efe; margin-left: 30px; margin-right: 30px; padding: 40px 0 0 0; position: relative; border-radius: 5px }

#pageloadpopup .panel h1 { text-align: center; text-transform: uppercase; color: #fff; font-family: 'PT Sans', sans-serif; letter-spacing: 3px; font-size: 40px }

#pageloadpopup .panel p { text-align: center; color: #fff; font-size: 18px; font-family: 'PT Sans', sans-serif }

#pageloadpopup .panel input { width: 100%; bottom: 30px; line-height: 70px; background-color: #3a62e6; border: none; position: absolute; bottom: 0px; padding: 5px 50px 5px 50px; font-size: 22px; outline: none; color: #fff; text-align: center; opacity: 0.5; border-radius: 0 0 0 5px }

#pageloadpopup .icon-wrapper { text-align: center; margin-top: 20px; width: 130px; background-color: #3c64e8; border-radius: 50%; height: 130px; margin: 0 auto }

#pageloadpopup .mail { width: 80px; height: 80px; margin-top: 20px }

#pageloadpopup ::placeholder { color: #fff; opacity: 0.5; font-size: 22px; text-align: center; text-transform: uppercase }

#pageloadpopup :-ms-input-placeholder { color: #fff }

#pageloadpopup ::-ms-input-placeholder { color: #fff }

#pageloadpopup .InputAddOn { display: flex; width: 100px }

#pageloadpopup .InputAddOn-field { flex: 1; width: 100px }

#pageloadpopup .InputAddOn-item { position: absolute; bottom: -1px; right: -1px; width: 90px; height: 80px; background-color: #3658c9; border: none; outline: none; border-radius: 0px 0px 5px 0 }

#pageloadpopup .close { position: absolute; top: -25px; right: -24px; width: 50px; height: 50px; background-color: #e8c15a; color: #fff; border-radius: 50%; opacity: 1.0; transition: 0.3s }

#pageloadpopup .close:hover { background-color: #eab629f7; opacity: 1.0 }

#pageloadpopup .cross { margin-left: 9px; margin-top: 9px; width: 32px; height: 32px }

#pageloadpopup .shadow { box-shadow: 0 -3px 54px rgba(0,0,0,.05), 0 5px 34px rgba(0,0,0,.22) }

#pageloadpopup .modal-dialog { width: 100%; max-width: 320px }

.brandslist { list-style: none; padding: 0; margin: 0; max-height: 225px; overflow-x: hidden; overflow-y: auto; }

.brandslist li { display: inline-block; width: 33% !important; text-align: left !important; margin-bottom: 10px }

.brandslist li img { width: 60% }

.bg-gray-single { background: #f2f2f2; border: solid 1px #e0dad5 }

.getintouch, .getintouch li { padding: 0; margin: 0; list-style: none }

.getintouch { margin: 10px 0 }

.getintouch li { margin-bottom: 10px }

.getintouch li i { top: 0; position: relative; display: inline-block; margin-right: 10px; border: solid 1px #b61f24; border-radius: 100%; width: 20px; height: 20px; text-align: center; line-height: 18px; color: #b61f24; font-size: 12px; vertical-align: top }

.getintouch li label { display: inline-block; font-weight: 400; width: 80% }

.getintouch li label ~ p { margin: 0 0 0 31px }

.sider-bar-category .text-red a { color: #b61f24 }

.sider-bar-category .text-red a:hover { text-decoration: underline }

#login-form .left { width: 50%; float: left; padding: 1.7em 1.5em 2.5em 1.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }

#login-form .right { width: 50%; float: right; padding: 1.7em 1.5em 2.5em 1.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }

#login-form:before { content: 'or'; color: gray; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 0.5em; width: 0.5em; left: -1.5em; top: 1.2em; z-index: 900 }

#login-form:after { content: ''; position: absolute; background: rgba(128, 128, 128, 0.3); top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 7.25em; width: 0.1em; left: -0.85em; top: -6.8em; -moz-box-shadow: 0 8.8em 0 0 rgba(128, 128, 128, 0.3); -webkit-box-shadow: 0 8.8em 0 0 rgba(128, 128, 128, 0.3); box-shadow: 0 8.8em 0 0 rgba(128, 128, 128, 0.3) }

.left label { display: inline-block; color: gray; font-size: 1.1em; margin-top: 0.6em }

.left input[type="email"], .left input[type="password"] { width: 90%; border: 0.1em solid #dfdfdf; padding: 1em; margin: 0.6em 0; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; border-radius: 0.2em; -moz-box-shadow: 0 0 0.2em rgba(223, 223, 223, 0.2); -webkit-box-shadow: 0 0 0.2em rgba(223, 223, 223, 0.2); box-shadow: 0 0 0.2em rgba(223, 223, 223, 0.2); -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out }

.left input[type="email"]:focus, .left input[type="password"]:focus, .left input[type="email"].ng-touched, .left input[type="password"].ng-touched { outline: none; border: 0.1em solid #bdbdbd }

.left input[type="submit"] { background: #f85f64; color: #fff; outline: none; text-transform: uppercase; padding: 1.2em; overflow: hidden; border: none; letter-spacing: 0.1em; margin: 0.5em 0; font-weight: bold; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out }

.left input[type="submit"]:hover { background: rgba(248, 95, 100, 0.8) }

.right div.connect { color: gray; font-size: 1.1em; text-align: center }

.right a { display: inline-block; font-size: 1.5em; text-decoration: none; color: #fff; width: 9em; padding: 0.55em 0.3em; clear: both; text-align: center; margin: 0.5em 0.1em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em }

.right a.facebook { background: #3a589a; margin-top: 0.8em; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out }

.right a.facebook:hover { background: rgba(58, 88, 154, 0.8) }

.right a.twitter { background: #4099ff; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out }

.right a.twitter:hover { background: rgba(64, 153, 255, 0.8) }

.right a.google-plus { background: #e9544f; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out }

.right a.google-plus:hover { background: rgba(233, 84, 79, 0.8) }

.refresh-website, .fav-website, .cart-website, .qrcode, .bell-website { z-index: 9 }

.refresh-website a, .fav-website a, .cart-website a, .bell-website a { color: #000 }

.fav-website .dropdown-menu, .refresh-website .dropdown-menu, .qrcode .dropdown-menu { min-width: 220px; right: 0; left: auto }

.refresh-website .dropdown-menu i, .fav-website .dropdown-menu i, .cart-website .dropdown-menu i { font-size: inherit }

.brandslisting, .brandslisting li { padding: 0; margin: 0; list-style: none }

.brandslisting li { display: inline-block; margin-right: 10px }

.brandslisting li a { display: block; height: 30px; /*background-image: url(/no-image.png);*/ background-repeat: no-repeat; background-position: center center; margin-top: 10px; }

.brandslisting li img { height: 30px; vertical-align: top; }

.bestcollection, .fashionshoes, .bigad-brands { overflow: hidden; height: 477px; }

#topbrands img, .bestcollection img, .fashionshoes img, .bigad-brands img { transition: all 0.5s ease; height: auto; width: 100%; }

#topbrands img:hover, .bestcollection img:hover, .fashionshoes img:hover, .bigad-brands img:hover { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

.logo-brand-son a { color: #000; display: block }

.logo-brand-son a:hover { color: #b61f24; transform: scale(1.1) }

.logo-brand-son a h3 { min-height: 50px }

.box-product { overflow: hidden }

.forgot-password-block { padding: 30px 0 10px; background: #fff; margin: 0 0 80px }

.forgot-password-holder { font-size: 16px; line-height: 20px }

.forgot-password-form .form-group { margin: 0 0 40px; position: relative }

.forgot-password-form label { display: block }

.forgot-password-form input[type="text"], .forgot-password-form input[type="email"], .forgot-password-form input[type="password"] { width: 100%; height: 47px; border: 1px solid #ccc; border-radius: 7px; background: none; box-shadow: none; outline: none; padding: 11px 15px; font-size: 14px; line-height: 18px; color: #555 }

.forgot-password-form input[type="text"]:focus, .forgot-password-form input[type="email"]:focus, .forgot-password-form input[type="password"]:focus, .forgot-password-form input[type="email"].ng-touched, .forgot-password-form input[type="password"].ng-touched, .forgot-password-form input[type="text"].ng-touched { border-color: #b61f24; color: #b61f24 }

.forgot-password-form span { color: #c0c0c0; font-size: 14px; line-height: 18px; position: absolute; top: -10px; left: 16px; opacity: 0; background: #fff; padding: 0 5px 0 0; z-index: 1 }

.forgot-password-form input[type="submit"] { padding: 19px 50px; font-size: 16px; line-height: 20px; color: #fff; text-transform: uppercase }

.default-modal .modal-dialog { width: 1050px; border-radius: 7px; overflow: hidden; border: none }

.modal-header { background: #b61f24; padding: 15px 15px 13px; border: none }

.modal-header h5 { font-size: 20px; line-height: 26px; color: #fff; margin: 0 }

.modal-header .close { width: 28px; height: 28px; background: none; border-radius: 100%; padding: 0 2px; color: #b61f24; font-size: 17px; line-height: 17px; position: absolute; top: 10px; right: 10px; text-shadow: none; z-index: 1; opacity: 1; margin: 0; color: #fff }

.default-modal.user-account-modal .close { background: #e5e5e5; color: #fff }

#productuickview .modal-dialog { width: 800px }

#productuickview .close { position: absolute; top: 10px; right: 15px; z-index: 1 }

.product-quick-view-holder { padding: 15px }

.product-quick-view-holder h2 { font-size: 25px; line-height: 29px; font-weight: bold; color: #000; margin: 0; margin: 0 0 25px }

.product-quick-view-holder .product-image-holder img { width: 100%; height: auto }

.product-quick-view-holder .product-detail-holder { font-size: 14px; line-height: 22px }

.product-quick-view-holder .product-detail-holder p { margin: 0 0 25px }
.headerheight {
  height: auto;
}
@media only screen and ( max-width:1199px ) {
  .faqs-holder { margin: 0 0 50px }

  .faqs-holder .nav-tabs .faq-type-text { font-size: 14px; line-height: 18px }

  .faqs-holder .nav-tabs li a { padding: 25px 5px 0 }

  .faqs-holder .toggle .toggle-title h3 span { padding: 5px 35px 5px 10px }

  .input-filter-range { padding: 10px 5px 0 }

  .input-filter-range input[type="text"] { width: 40px }
  .sider-bar-category .input-filter-range { overflow: unset !important }
  .sider-bar-category .input-filter-range .input-range-holder { float: none !important; width: 100% !important; display: block }
  .sider-bar-category .input-filter-range .input-range-holder input[type="text"] { width: 100% !important; }
}

@media only screen and ( max-width:991px ) {
  .faqs-holder { margin: 0 0 30px }

  .faqs-holder .nav-tabs { margin: 0 0 25px }

  .faqs-holder .nav-tabs li { width: 33.33%; margin: 0 0 30px }

  .faqs-holder .nav-tabs li a { padding: 15px }

  .faqs-holder .nav-tabs li.active a:after { display: none }

  .faqs-holder .nav-tabs li .faq-type-icon { width: 60px; float: left; margin: 0 10px 0 0 }

  .faqs-holder .nav-tabs .faq-type-icon img { width: 100%; height: auto }

  .faqs-holder .nav-tabs .faq-type-text { overflow: hidden; padding: 20px 0 }

  #productuickview .modal-dialog { width: 600px }

  .product-quick-view-holder .product-image-holder { text-align: center }

  .product-quick-view-holder .product-image-holder img { display: inline-block; vertical-align: top; max-width: 100%; }

  #slide-bar-category { position: unset !important; height: auto !important }
  .sider-bar-category { padding: 10px 15px 0 15px !important; margin-bottom: 0 !important }
}

@media only screen and ( max-width:767px ) {
  .faqs-holder { margin: 0 0 20px }

  .faqs-holder .nav-tabs li { width: 50% }

  .faqs-holder .nav-tabs .faq-type-text { text-align: left; padding: 12px 0 0 }

  #productuickview .modal-dialog { width: 500px }

  .product-quick-view-holder h2 { font-size: 20px; line-height: 24px; margin: 0 0 15px }
  .checkout-ordersummary .btn-check { margin-top: 5px !important }
}

@media only screen and ( max-width:750px ) {
  .brands-products .top { border: none }
}

@media only screen and ( max-width:600px ) {
  .brands-products .products .promotions .promotion, .brands-products .products .promotions { border-width: 0 0 1px }

  .brands-products .products .promotions .product-image { max-width: 170px; margin: 0 auto }
}

@media only screen and ( max-width:599px ) {
  .faqs-holder { margin: 0 0 15px }

  .pagging.account-paging .paging-heading { padding: 5px 0 0 }

  .pagging ul li a { font-size: 12px; line-height: 16px; width: auto; height: auto }

  .pagging ul li a, .pagging ul li:last-child a, .pagging ul li:first-child a { padding: 8px 8px }

  .pagging.account-paging ul li { margin: 0 1px 5px }

  .faqs-holder .nav-tabs li { width: 100%; margin: 0 0 10px; padding: 0 }

  .faqs-holder .nav-tabs li .faq-type-icon { width: 40px; }

  .faqs-holder .nav-tabs .faq-type-text { padding: 5px 0 0 }

  .faqs-holder .tab-content { padding: 0 }

  .faqs-holder .toggle .toggle-title h3 { font-size: 14px; line-height: 20px }

  #productuickview .modal-dialog { width: 290px }

  .modal-header h5 { font-size: 16px; line-height: 20px }

  .forgot-password-holder { font-size: 14px; line-height: 18px }

  .forgot-password-block { margin: 0 0 15px }

  .forgot-password-form .form-group { margin: 0 0 15px }

  .forgot-password-form input[type="submit"] { width: 100% }

  .breadcrumb-web ul li,
  .breadcrumb-web ul li a { font-size: 12px; }
}

@media only screen and ( max-width:479px ) {
  .pagging.account-paging { text-align: left }

  .pagging.account-paging .paging-heading { padding: 0; margin: 0 0 10px }
}
/*QR Code Modal Styles */
.qr-code-modal { padding: 30px 0; background: #fff; overflow: hidden }

.qr-code-holder { padding: 15px; border: 1px solid #b61f24; max-width: 200px; margin: 0 auto }

.qr-code-holder img { width: 100%; height: auto }

.qr-code-text { margin: 0 0 15px; overflow: hidden }

.qr-code-form input[type="submit"] { width: 100% }

@media only screen and ( max-width:991px ) {
  .qr-code-holder { margin: 0 auto 15px }
}

/* All Pages Menu Other Than Home Page */
/*#menucustom {
  width: 218px;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #ddd;
  z-index: 1;
  top: 81px;
  background: #fff
}

  #menucustom:before {
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    top: -9px;
    left: 8px;
    background: #fff;
    border: 1px solid #ddd;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: -1
  }

  #menucustom ul {
    padding: 5px 0;
    background: #fff
  }

  #menucustom > ul > li {
    margin: 0 0 10px;
    border: none
  }

    #menucustom > ul > li > a {
      padding: 0 15px;
      color: #000;
      display: block;
      height: 100%
    }

  #menucustom ul > li > a:hover {
    color: #b61f24;
  }

  #menucustom ul .fa {
    float: left;
    margin: 0 5px 0 0
  }

  #menucustom ul li p {
    overflow: hidden;
    margin: 0
  }

  #menucustom .megadrop {
    position: absolute;
    top: -1px;
    left: 216px;
    width: 737px;
    visibility: hidden;
    opacity: 0;
    padding: 15px 0 0;
    border: 1px solid #ddd;
    background: rgba(255, 255, 255, 0.99);
    transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s
  }

  #menucustom > ul > li:hover .megadrop {
    visibility: visible;
    opacity: 1
  }

  #menucustom .col {
    color: #fff;
    float: left;
    margin: 0 0 0 2.2%;
    width: 30.5%
  }

    #menucustom .col .menu-widget {
      position: relative;
      margin: 0 0 20px
    }*/

/*#menucustom .col .menu-widget::after {
        background: #aaa;
        bottom: -10px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 15px
      }*/

/*#menucustom .col .menu-widget:last-child:after {
        display: none
      }

    #menucustom .col h3 {
      color: #b61f24;
      font-size: 16px;
      font-weight: bold;
      margin: 0 0 10px
    }

    #menucustom .col ul {
      overflow: hidden;
      padding: 0 0 0 10px
    }

      #menucustom .col ul li {
        font-size: 12px;
        line-height: 16px;
        list-style: none;
        padding: 0;
        margin: 0 0 7px
      }

        #menucustom .col ul li a {
          color: #000;
          display: inline-block;
          vertical-align: top
        }

          #menucustom .col ul li a:hover {
            color: #b61f24
          }*/

table th, table td { vertical-align: middle !important }

/*.form-control:focus, input:focus, textarea:focus, select:focus {
  border-color: #b61f24 !important;
  box-shadow: none !important;
  color: #b61f24 !important
}*/

@media only screen and ( max-width:991px ) {
  #menucustom .megadrop { width: 525px }
}

@media only screen and ( max-width:767px ) {
  #menucustom { width: 100%; position: fixed; left: 0; right: 0; bottom: 10px; height: 390px; overflow-y: auto }

  #menucustom .megadrop { position: relative; width: 100%; left: auto; right: auto; top: auto; bottom: auto; visibility: visible; opacity: 1; overflow: hidden; border: none; padding: 0 0 0 30px }

  #menucustom .col { width: 100%; margin: 0 0 20px; float: none }

  #menucustom .col h3 { margin: 0 }

  #menucustom .col .menu-widget:last-child:after { display: block }

  #menucustom .col:last-child .menu-widget:last-child { margin: 0 }
}
/*UKD*/
.treeview-item i { float: left; margin-top: 3px; }

.treeview-item label { font-weight: 400; }

.ng5-slider .ng5-slider-pointer, .ng5-slider .ng5-slider-selection, .ng5-slider-active { background-color: #e3171b !important; }

.ng5-slider .ng5-slider-bubble { color: #000 !important }

.carousel-indicators { left: auto !important; bottom: 0px !important; width: 100% !important; right: auto !important; margin-left: 0 !important; }

.carousel-control.left, .carousel-control.right { display: none !important; }

.carousel-indicators li { opacity: 1 !important; border-color: #3c3c3c !important; background: #fff !important; margin: 0 5px 0 0 !important; width: 10px !important; height: 10px !important; }

.carousel-indicators li.active { opacity: 1 !important; border-color: #b61f24 !important; background: #b61f24 !important; margin: 0 5px 0 0 !important; width: 10px !important; height: 10px !important; }

.slider__item { width: 100% !important; height: 387px !important }

.brandslist li img { width: 60px !important }

.brandslist li input[type=checkbox] { display: none !important; }

.brandslist li .active { border: solid 2px #b61f24 !important; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #b61f24 !important; border-color: #b61f24 !important; }

.option-product-2 .option-product-son input.input-number { border: none !important; background: none !important; text-align: center !important; font-size: 14px !important; line-height: 18px !important; display: inline-block !important; vertical-align: top !important; float: none !important; width: 40px !important; height: auto !important; padding: 5px 0 !important; margin: 0 !important }

.imgsss.drift-demo-trigger { width: auto; height: 312px }

.category-banner-thumbnails .category-name { padding: 10px 10px 10px; display: block; background: #b61f24; font-size: 12px; line-height: 18px; color: #fff; }

.menu { padding: 10px 0 0 4px !important; }

.menu-widget ul li i { margin: 0 5px 0 5px !important; width: 20px !important; min-height: 20px !important; display: inline-block !important; }

.menu-widget h3 a { color: #b61f24 !important; font-size: 14px !important; }

.menu li:hover a { color: #b61f24 }

.amazingdeals { margin-bottom: 30px; }

.slide-home-deal.owl-theme .owl-nav [class*='owl-']:hover { background: none !important; color: inherit !important; }

.menu .megadrop .menu-widget:after { display: none !important; }

.menu .megadrop .menu-widget hr { border-top: 1px solid #e0e0e0 !important; margin: 5px 0 !important; }

.product-category:hover .ranking-color { visibility: hidden; }

.menu .megadrop ul { padding: 0 0 0 5px !important; overflow: hidden !important; }

.category-banner-thumbnails .image-holder img { height: 80px !important; }

.category-banner-thumbnails .slide { padding: 0 8px; }

.category-banner-thumbnails .image-holder { overflow: hidden !important; height: 128px !important; }

.category-banner-thumbnails .image-holder img { width: auto !important; margin: auto !important; height: 128px !important; max-width: unset !important; }

.category-banner-thumbnails .category-name { padding: 5px 10px 10px !important; background: #b61f24; font-size: 14px; line-height: 18px; color: #fff; height: 26px !important; overflow: hidden !important; display: block !important; display: -webkit-box !important; max-width: 100% !important; margin: 0 auto !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; text-overflow: ellipsis !important; }

.category-banner-thumbnails .owl-theme .owl-nav { background: none !important; }

.category-banner-thumbnails .owl-theme .owl-nav .owl-prev, .category-banner-thumbnails .owl-theme .owl-nav .owl-next { width: 35px !important; height: 35px !important; position: absolute !important; top: 30% !important; left: -30px !important; border-radius: 100% !important; background: #dcdcdc !important; font-size: 20px !important; color: #fff !important; }

.category-banner-thumbnails .owl-theme .owl-nav .owl-prev:hover,
.category-banner-thumbnails .owl-theme .owl-nav .owl-next:hover,
.category-banner-thumbnails .owl-theme .owl-nav .owl-prev:focus,
.category-banner-thumbnails .owl-theme .owl-nav .owl-next:focus,
.category-banner-thumbnails .owl-theme .owl-nav .owl-prev:active,
.category-banner-thumbnails .owl-theme .owl-nav .owl-next:active { background: #b61f24 !important; color: #fff !important; }

.category-banner-thumbnails .owl-theme .owl-nav .owl-next { left: auto !important; right: -30px !important; }

.category-banner-thumbnails { padding: 0 10px !important; margin-bottom: 15px !important; }

.ellipsis-text { display: -webkit-box !important; text-overflow: -o-ellipsis-lastline !important; margin: 0 auto !important; max-width: 400px !important; height: 40px !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }

.category-suggestions-lists ul li { margin-bottom: 5px; font-weight: 600; cursor: pointer; }

.category-suggestions-lists ul li:last-child { margin-bottom: 0 }

.category-suggestions-lists ul li ul { margin: 10px 15px !important; }

.category-suggestions-lists ul li ul li { font-weight: 500; }

.category-suggestions-lists ul li ul a { color: #b61f24; text-decoration: none; font-weight: 400; }

.category-suggestions-lists ul li ul a:hover { color: #2b2b2b; }

.ng5-slider .ng5-slider-pointer { width: 20px !important; height: 20px !important; top: -9px !important; }

.ng5-slider .ng5-slider-pointer:after { top: 6px !important; left: 6px !important; }

.ng5-slider .ng5-slider-pointer.ng5-slider-active:after { background-color: #e3171b !important; }

.ng5-slider .ng5-slider-bubble { font-size: 12px !important; }

.ng5-slider .ng5-slider-bubble.ng5-slider-limit { display: none !important }

.quantitybox .input-number-group { margin-left: 45px !important; }

.name-ranking-product .price-product .price-old { position: relative; }

.name-ranking-product .price-product .price-old:after { height: 1px; content: ""; position: absolute; top: 10px; left: 0; right: 0; background: #adadad; }

.vendor-orders-holder .products-filter-form input[type="text"], .add-new-coupon .tsb-form input[type="text"], .add-new-coupon .tsb-form input[type="number"] { width: 100% !important; height: 36px !important; padding: 18px 10px !important; font-size: 14px !important; line-height: 18px !important; color: #b61f24 !important; outline: none !important; box-shadow: none !important; background: none !important; border: 1px solid #b61f24 !important; border-radius: 0 !important; font-weight: normal !important }

.tsb-form.vendor-signup-form input[type="text"], .tsb-form.vendor-signup-form input[type="email"], .tsb-form.vendor-signup-form input[type="tel"], .tsb-form.vendor-signup-form input[type="password"], .tsb-form.upload-item-form input[type="text"], .tsb-form.upload-item-form input[type="email"], .tsb-form.upload-item-form input[type="tel"], .tsb-form.upload-item-form input[type="password"] { border: 1px solid #ccc !important; color: #b61f24 !important; width: 100% !important; height: 36px !important; padding: 18px 10px !important; font-size: 14px !important; line-height: 18px !important; outline: none !important; box-shadow: none !important; background: none !important; border-radius: 0 !important; font-weight: normal !important }

.tsb-form.vendor-signup-form input[type="text"]:focus, .tsb-form.vendor-signup-form input[type="email"]:focus, .tsb-form.vendor-signup-form input[type="tel"]:focus, .tsb-form.vendor-signup-form input[type="password"]:focus, .tsb-form.upload-item-form input[type="text"]:focus, .tsb-form.upload-item-form input[type="email"]:focus, .tsb-form.upload-item-form input[type="tel"]:focus, .tsb-form.upload-item-form input[type="password"]:focus, .tsb-form input[type="text"].ng-touched, .tsb-form input[type="email"].ng-touched, .tsb-form input[type="password"].ng-touched, .tsb-form input[type="tel"].ng-touched { border: 1px solid #b61f24 !important; }

.add-new-coupon-form .select-holder { border-radius: 0 !important; }

.add-new-coupon .modal-header { margin: -1px 0 0 -1px !important; }

.add-new-coupon select { width: 100% !important; height: 36px !important; padding: 8px 10px !important; font-size: 14px !important; line-height: 18px !important; color: #b61f24 !important; outline: none !important; box-shadow: none !important; background: none !important; border: none !important; border-radius: 0 !important; font-weight: normal !important }

.signup-widget select { width: 100% !important; height: 47px !important; padding: 12px 10px !important; font-size: 14px !important; line-height: 18px !important; color: #b61f24 !important; outline: none !important; box-shadow: none !important; background: none !important; border: 1px solid #b61f24 !important; border-radius: 0 !important; font-weight: normal !important; }

.select-holder:after { width: 18px !important; height: 18px !important; content: "\f107" !important; font-size: 16px !important; line-height: 16px !important; font-family: FontAwesome !important; color: #fff !important; text-align: center !important; position: absolute !important; top: 9px !important; right: 5px !important; background: #b61f24 !important; color: #fff !important; }

.theme-green .bs-datepicker-head { background-color: #b61f24 !important; }

.orders-search-form .select-holder, .vendor-order-widget .select-holder, .order-filter-area .select-holder select, .customer-detail-block .select-holder select { border-radius: 0 !important; }

.order-filter-area button, .vendor-products-holder button { width: 55px !important; padding: 5px 10px !important; font-size: 12px !important; line-height: 28px !important; color: #fff !important; background: #b61f24 !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; border-radius: 0 !important; }

.order-filter-area button:hover, .order-filter-area button:focus, .order-filter-area button:active { color: #ffbc00 !important; background: #b61f24 !important; }


.vendor-products-holder button, .upload-btn-holder button, .vendor-order-widget button { width: auto !important; padding: 5px 9px !important; font-size: 12px !important; line-height: 28px !important; color: #fff !important; background: #b61f24 !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; border-radius: 0 !important; text-shadow: none !important; }

.vendor-products-holder button:hover, .vendor-products-holder button:focus, .vendor-products-holder button:active, .upload-btn-holder button:hover, .upload-btn-holder button:focus, .upload-btn-holder button:active, .vendor-order-widget button:hover, .vendor-order-widget button:focus, .vendor-order-widget button:active { color: #ffbc00 !important; background: #b61f24 !important; }


.wishlist-items .item-image-holder { margin: auto !important; /*width: 170px !important;*/ overflow: hidden !important; }
/*Loader*/
.loader { display: block; border: 30px solid #dedede; border-radius: 50%; border-top: 30px solid #faa51a; border-right: 30px solid #dedede; border-bottom: 30px solid #b61f24; border-left: 30px solid #dedede; width: 150px; height: 150px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin: auto; margin-top: 250px; }

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }
}
/*End Laoder*/
.wishlist-items .item-image-holder img { margin: auto !important; width: auto !important; height: 220px !important; }

.unset-position { position: unset !important }

.search-box .dropdown-menu li span { display: block; }

.search-box .dropdown-menu li a { padding: 10px !important; }

.search-box .dropdown-menu li span img { display: inline-block; margin-right: 5px; }

.search-box .dropdown-menu li span h5 { display: inline-block; }

.category-slider-banner-big .carousel.slide { height: 304px !important; overflow: hidden; }

#LoginForm { padding: 50px 0; font-family: 'Open Sans', sans-serif !important; color: #000 !important; background: #f0f0f0 !important }

#LoginForm .login-form { width: 50%; margin: auto; background: #fff !important; padding: 50px; border-radius: 10px; text-align: left !important; }

#LoginForm .login-form input[type=text] { outline: 0; background: #f2f2f2 !important; width: 100% !important; border: 0 !important; margin: 0 0 15px !important; padding: 15px !important; box-sizing: border-box !important; font-size: 14px !important; }

.wishlist-items { overflow: hidden !important; }

.wishlist-items .item-holder { margin: 0 0 30px !important; }

.wishlist-items .item-image-holder { margin: 0 0 10px !important; }

.wishlist-items .item-name { display: block !important; font-size: 14px !important; line-height: 22px !important; font-weight: 700 !important; margin: 0 0 15px !important; min-height: 45px !important; overflow: hidden !important; display: block !important; display: -webkit-box !important; max-width: 100% !important; margin: 0 auto !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; text-overflow: ellipsis !important; }

.wishlist-items .prices-holder { font-size: 0 !important; letter-spacing: 0 !important; font-weight: 700 !important; color: #cacaca !important; margin: 0 0 15px !important; }

.wishlist-items .prices-holder span { display: inline-block !important; vertical-align: top !important; margin: 0 5px !important; font-size: 18px !important; line-height: 22px !important; color: #cacaca !important; }

.wishlist-items .prices-holder .current-price { color: #b61f24 !important; }

.wishlist-items .prices-holder .old-price { position: relative !important; font-size: 14px !important; font-weight: normal !important; min-height: 22px !important; }

.wishlist-items .prices-holder .old-price:after { content: "" !important; height: 2px !important; position: absolute !important; top: 50% !important; left: 0 !important; right: 0 !important; background: #cacaca !important; }

.wishlist-items textarea { width: 100% !important; height: 55px !important; border: 1px solid #e0e0e0 !important; resize: none !important; padding: 8px 10px !important; font-size: 16px !important; line-height: 20px !important; color: #a2a2a2 !important; margin: 0 !important; background: #fff !important; outline: none !important; transition: all ease-in-out 0.2s !important; -o-transition: all ease-in-out 0.2s !important; -ms-transition: all ease-in-out 0.2s !important; -moz-transition: all ease-in-out 0.2s !important; -webkit-transition: all ease-in-out 0.2s !important; }

.wishlist-items textarea::-moz-placeholder { color: #a2a2a2 !important; opacity: 1 !important; }

.wishlist-items textarea::-moz-placeholder { color: #a2a2a2 !important; opacity: 1 !important; }

.wishlist-items textarea:-ms-input-placeholder { color: #a2a2a2 !important; }

.wishlist-items textarea::-ms-input-placeholder { color: #a2a2a2 !important; }

.wishlist-items textarea::placeholder { color: #a2a2a2 !important; }

.wishlist-items h4 { font-size: 20px !important; line-height: 24px !important; color: #000 !important; margin: 0 0 15px !important; }

.wishlist-items .add-to-cart-holder { overflow: hidden !important; margin: 0 0 10px !important; }

.wishlist-items input[type="text"] { width: 45px !important; height: 40px !important; float: left !important; text-align: center !important; border: 1px solid #b61f24 !important; font-size: 14px !important; line-height: 22px !important; color: #262626 !important; font-weight: 700 !important; background: none !important; }

.wishlist-items input[type="text"]::-moz-placeholder { color: #262626 !important; opacity: 1 !important; }

.wishlist-items input[type="text"]::-moz-placeholder { color: #262626 !important; opacity: 1 !important; }

.wishlist-items input[type="text"]:-ms-input-placeholder { color: #262626 !important; }

.wishlist-items input[type="text"]::-ms-input-placeholder { color: #262626 !important; }

.wishlist-items input[type="text"]::placeholder { color: #262626 !important; }

.wishlist-items .btn-cart { font-size: 14px !important; line-height: 22px !important; color: #fff !important; margin: 0 0 0 0 !important; padding: 8px 26px 8px !important; border: 1px solid #b61f24 !important; border-radius: 0 !important; background: #b61f24 !important; cursor: pointer !important; }

.wishlist-items .btn-cart:hover { background: transparent !important; border-color: #b61f24 !important; color: #b61f24 !important; }

.wishlist-items .links-holder { font-size: 14px !important; line-height: 18px !important; overflow: hidden !important; }

.wishlist-items .links-holder a { color: #555555 !important; margin: 0 15px 0 0 !important; font-size: 12px; cursor: pointer !important; }

.wishlist-items .links-holder a:hover { color: #b61f24 !important; }

.wishlist-btns-holder .wishlist-btns-holder { letter-spacing: 0 !important; font-size: 0 !important; }




.top-product-detail #container { position: relative; overflow-x: hidden; height: 100px !important; }

.top-product-detail .image-cropper { height: 100px !important; }

.top-product-detail .image-cropper img { display: inline-block !important; margin: 10px !important; }

.top-product-detail #slider-buttons-left { position: absolute; z-index: 1000; top: 35px !important; float: left; cursor: pointer; font-size: 150% !important; color: #778899; left: 0 !important; }

.top-product-detail #slider-buttons-right { position: absolute; top: 35px !important; z-index: 1000; float: right; cursor: pointer; font-size: 150% !important; color: #778899; right: 0 !important; }

.top-product-detail #grid { display: block !important; height: 100px !important; overflow: hidden !important; }

.overlay-left, .overlay-right { width: 2rem !important; }

.sider-bar-category .info-box { margin: 0 20px 5px 2px !important; }

.content-tabs-product-detail { font-size: 13px !important; }

.slide-home-deal .carousel-indicators li { border-radius: 0 !important }

.slide-home-deal .animated { -webkit-animation-duration: 4s !important; animation-duration: 4s !important; -webkit-animation-fill-mode: both !important; animation-fill-mode: both !important; }

@-webkit-keyframes fadeIn {
  0% { opacity: 0 !important; }

  100% { opacity: 1 !important; }
}

@Keyframes fadeIn {
  0% { opacity: 0 !important; }

  100% { opacity: 1 !important; }
}

.slide-home-deal .fadeIn { -webkit-animation-name: fadeIn !important; animation-name: fadeIn !important; }

/**********Cart Steps***********/
.cart-steps-holder .nav-tabs { border-color: #b61f24 !important; border: none !important }

.cart-steps-holder .nav-tabs li { margin-bottom: 0 !important }

.cart-steps-holder .nav-tabs li a { color: #aaa !important; background: #f1f1f1 !important; margin-right: 5px !important }

.cart-steps-holder .nav-tabs li.active a, .cart-steps-holder .nav-tabs li.step-cleared a, .cart-steps-holder .nav-tabs li:hover a { color: #fff !important; background: #b61f24 !important; border-color: #b61f24 !important }

.cart-steps-holder .tab-content { padding: 20px 15px !important; background: #f9f9f9 !important; border: 1px solid #e6e6e6 !important }

.cart-steps-holder .tab-content h4 { margin: 0 0 10px !important }

.cart-steps-holder h5 { font-size: 18px !important; line-height: 22px !important; font-weight: 700 !important; margin: 0 0 10px !important }

.cart-steps-holder .summary-bottom-links .btn, .cart-steps-holder .order-payment-holder .btn { padding: 10px 35px !important }

.cart-steps-holder .tsb-form input[type="text"], .cart-steps-holder .tsb-form input[type="tel"], .cart-steps-holder .tsb-form input[type="email"], .cart-steps-holder .tsb-form input[type="password"] { background: #fff !important }

.cart-steps-holder .easy-paisa-form input[type="text"] { background: #fff !important }

.cart-steps-holder .tsb-form label span { background: #fff !important }

.cart-steps-holder .easy-paisa-form label span { background: #fff !important }

.cart-steps-holder .links-holder { overflow: hidden !important }

.cart-steps-holder .note-text { display: block !important }

.cart-steps-holder .note-text { font-size: 16px !important; line-height: 20px !important; color: #848282 !important; display: block !important; padding: 10px 0 !important }

.cart-steps-holder .order-payment-holder .btns-holder { overflow: hidden !important; padding: 20px 0 0 !important }

.cart-steps-holder .summary-bottom-links { overflow: hidden !important }

.cart-steps-holder .thankyou-holder { height: 400px !important }

@media only screen and ( max-width:1199px ) {
  .cart-steps-holder .social-login-buttons li { display: block !important; margin: 0 0 5px !important }

  .cart-steps-holder .social-login-buttons li a { display: block !important; height: 100% !important }
}


@media only screen and ( max-width:599px ) {
  .cart-steps-holder .nav-tabs li { display: block !important; float: none !important; border-bottom: 1px solid #e6e6e6 !important }

  .cart-steps-holder .nav-tabs li:hover, .cart-steps-holder .nav-tabs li.active { border-color: #b61f24 !important }

  .cart-steps-holder .nav-tabs li:last-child { border: none !important }

  .cart-steps-holder .nav-tabs > li > a { border-radius: 0 !important; margin: 0 !important }

  /*.cart-steps-holder input[type="submit"] { display: block !important; width: 100% !important }*/

  .cart-steps-holder .tab-content h4 { margin: 0 0 15px !important }

  .order-summary-holder .customer-name { font-size: 16px; line-height: 20px }

  .cart-products-section .cart-steps-holder { font-size: 14px !important; line-height: 18px !important }
}

.cart-steps-holder .tsb-form input[type="text"], .cart-steps-holder .tsb-form input[type="tel"], .cart-steps-holder .tsb-form input[type="email"], .cart-steps-holder .tsb-form input[type="password"] { background: #fff !important }

.cart-steps-holder .easy-paisa-form input[type="text"] { background: #fff !important }

.tsb-form input[type="text"]:focus, .tsb-form input[type="email"]:focus, .tsb-form input[type="password"]:focus, .tsb-form input[type="tel"]:focus { border-color: #b61f24 !important; box-shadow: none !important; color: #b61f24 !important; }

.tsb-form .form-group { margin: 0 0 15px !important; position: relative !important; }

.tsb-form .checkbox-label, .tsb-form .radio-label { padding: 2px 0 0 22px !important; display: inline-block !important; vertical-align: top !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; cursor: pointer !important; position: relative !important; font-size: 13px !important; line-height: 17px !important; color: #848282 !important; }

.tsb-form .radio-label { color: #000 !important; }

.tsb-form .checkbox-label input, .tsb-form .radio-label input { position: absolute !important; opacity: 0 !important; cursor: pointer !important; visibility: hidden !important; }

.cart-steps-holder .tsb-form label span { background: #fff !important; }

.radio-label .custom-radio { position: absolute !important; top: 3px !important; left: 0 !important; height: 16px !important; width: 16px !important; border: 1px solid #797979 !important; border-radius: 100% !important; opacity: 1 !important; }

.tsb-form .shipment-message { position: unset !important; font-size: 12px !important; line-height: 15px !important; color: #aaa !important; display: none !important; padding-left: 22px; }

.tsb-form .form-group.has-message .shipment-message { display: block !important; }

.shipping-address-form, .order-payment-holder { text-align: left !important }

typeahead-container, typeahead-container ul { width: 100% !important; }

typeahead-container ul li a span.ng-star-inserted { background: unset !important; position: unset !important; opacity: 1 !important }


.checkoutProductImage { width: 55px !important; height: auto !important; margin: 8px !important; }

.shipping-section.discount-section { position: absolute; bottom: 30px; padding: 10px; }

.shipping-section.discount-section input[type="text"] { width: 100%; height: 40px; padding: 0 10px; font-size: 13px; line-height: 17px; color: #a6a6a6; border: none; background: none; outline: none; box-shadow: none; float: left; appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; -wekit-appearance: none; position: relative; z-index: 1; }

.shipping-section.discount-section .btn-check:hover { background: #ebebeb; }

.shipping-section.discount-section .btn-check { display: inline-block; vertical-align: top; border: 1px solid #ebebeb; font-size: 14px; line-height: 18px; color: #282828; padding: 11px 30px; }
/*.toggle .toggle-inner {
  padding: 5px 10px !important;
  animation-name: slide !important;
  -webkit-animation-name: slide !important;
  animation-duration: 1s !important;
  -webkit-animation-duration: 1s !important;
  animation-timing-function: ease !important;
  -webkit-animation-timing-function: ease !important;
}
@keyframes slide {
  0% {
    transform: translateY(-100%);
  }

  50% {
    transform: translateY(8%);
  }

  65% {
    transform: translateY(-4%);
  }

  80% {
    transform: translateY(4%);
  }

  95% {
    transform: translateY(-2%);
  }

  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes slide {
  0% {
    -webkit-transform: translateY(-100%);
  }

  50% {
    -webkit-transform: translateY(8%);
  }

  65% {
    -webkit-transform: translateY(-4%);
  }

  80% {
    -webkit-transform: translateY(4%);
  }

  95% {
    -webkit-transform: translateY(-2%);
  }

  100% {
    -webkit-transform: translateY(0%);
  }
}*/

.sorting-filter-holder .select-holder, .customer-detail-block .select-holder { width: 150px !important; height: 38px !important; border: 1px solid #b61f24 !important; border-radius: 3px !important; position: relative !important; background: #fff; }

.sorting-filter-holder .select-holder select, .customer-detail-block .select-holder select { width: 100% !important; height: 100% !important; position: relative !important; z-index: 1 !important; appearance: none !important; -o-appearance: none !important; -ms-appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; outline: none !important; background: none !important; color: #b61f24 !important; padding: 0 6px !important; border-radius: 0 !important; }

.sorting-filter-holder .select-holder select option, .customer-detail-block .select-holder select option { padding: 7px !important; }

.sorting-filter-holder .select-holder:after, .customer-detail-block .select-holder:after { width: 18px !important; height: 18px !important; content: "\f107" !important; font-size: 16px !important; line-height: 16px !important; font-family: FontAwesome !important; color: #fff !important; text-align: center !important; position: absolute !important; top: 9px !important; right: 5px !important; background: #b61f24 !important; color: #fff !important; }





.signInModal .select-holder { width: 100% !important; height: 38px !important; border: 1px solid #b61f24 !important; border-radius: 3px !important; position: relative !important; }

.signInModal .select-holder select { width: 100% !important; height: 100% !important; position: relative !important; z-index: 1 !important; appearance: none !important; -o-appearance: none !important; -ms-appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; outline: none !important; background: none !important; color: #b61f24 !important; padding: 0 6px !important; border-radius: 0 !important; }

.signInModal .select-holder select option { padding: 7px !important; }

.signInModal .select-holder:after { width: 18px !important; height: 18px !important; content: "\f107" !important; font-size: 16px !important; line-height: 16px !important; font-family: FontAwesome !important; color: #fff !important; text-align: center !important; position: absolute !important; top: 9px !important; right: 5px !important; background: #b61f24 !important; color: #fff !important; }






.vendor-store-search-form input[type="search"] { border: none !important; color: #b61f24 !important; width: 100% !important; height: 36px !important; padding: 18px 10px !important; font-size: 14px !important; line-height: 18px !important; outline: none !important; box-shadow: none !important; background: none !important; border-radius: 0 !important; font-weight: normal !important }

.vendor-store-search-form input[type="search"]:focus, .vendor-store-search-form input[type="search"].ng-touched { border: none !important; }

.innerboxheight .product-category { min-height: 340px !important; background: #fff; }

.promotion-image-holder img { width: 100% !important; }

.signInModal input[type="text"] { width: 100% !important; height: 38px !important; font-size: 14px !important; line-height: 18px !important; border: 1px solid #ccc !important; border-radius: 3px !important; padding: 10px 15px !important; color: #ccc !important; box-shadow: none !important; resize: none !important; }

.signInModal input[type="text"]:focus, .signInModal input[type="text"].ng-touched { border-color: #b61f24 !important; color: #b61f24 !important; }

.price-holder span, .price-holder span span.current-price { display: block !important; width: 100% !important; }

.price-holder span, .price-holder span span.old-price { display: inline-block !important; width: auto !important; }

.custom-scroll { max-height: 222px; overflow: auto; width: 100%; }

.sm-loader { display: block; border: 30px solid #dedede; border-radius: 50%; border-top: 10px solid #faa51a; border-right: 10px solid #dedede; border-bottom: 10px solid #b61f24; border-left: 10px solid #dedede; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin: auto; }

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }
}

.specification-table { border-color: #dadada; border: solid 1px #dadada; }

.specification-table td { padding: 7px }

.menu > li:hover > a { color: #b61f24 !important; }

.menu > li > a { display: block !important; height: 33px !important; line-height: 33px !important; margin: 0 5px !important; padding: 1px 0 !important; }

.menu-web > ul li i, .menu-mobile-left-content > ul li i { font-size: 16px !important; margin: 9px 5px 0 5px !important; width: 20px !important; text-align: center !important; float: left !important; }

.carousel-indicators { z-index: 1 !important; }

.paddingright { text-align: right; padding-right: 15px; }

.checkout-ordersummary strong { margin: 0 0 15px 0 !important; text-transform: unset !important; font-size: 20px !important; display: block; }

.checkout-ordersummary .input-holder { border: 1px solid #ebebeb; overflow: hidden; }

.checkout-ordersummary input[type="text"] { width: 100%; height: 40px; padding: 0 10px; font-size: 13px; line-height: 17px; color: #a6a6a6; border: none; background: none; outline: none; box-shadow: none; float: left; appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; -wekit-appearance: none; position: relative; z-index: 1; }

.checkout-ordersummary:focus { border-color: #b61f24 !important; box-shadow: none !important; color: #b61f24 !important; }

.checkout-ordersummary .btn-check { box-shadow: none; display: inline-block; vertical-align: top; border: 1px solid #b61f24; font-size: 14px; line-height: 18px; color: #fff; padding: 11px 25px; }

.checkout-ordersummary .btn-check:hover { background: #b61f24; border-color: #b61f24; color: #ffbc00; }

.table-total td { padding: 10px !important; }

.table-total td:first-child { border: none; background: transparent; }

.table-total tr:nth-child(even) { background: transparent !important; }

.table-total tr:first-child td { border: 0 !important }

.padding15 { padding: 15px 5px !important }

.fontweight-normal { font-weight: normal !important }

.coupontd { padding-top: 0 !important; vertical-align: top !important; }

.special { background: #b61f24 !important; color: #fff !important; border-color: #b61f24 !important; }

.favourite { color: #b61f24 !important; }

.nomargin { margin: 0 !important }

.modal-content .modal-header .close { background: transparent !important; opacity: 1 !important; color: #fff !important; }

.modal-content .modal-header .close:hover { color: #b61f24 !important; background: #fff !important; }

.upload-pic-holder .upload-image-holder img { height: 100% !important }

.modal-content .modal-header .modal-title { color: #fff !important }

.image-holder.profile-image-holder .avatar.img-circle.img-thumbnail { height: 100px !important; }

.text-danger { color: #ec413d !important; font-size: 12px !important; }

a.btn { text-shadow: none !important; box-shadow: inset 0 3px 5px rgba(0,0,0,0) !important; border-radius: 0 !important; text-transform: unset !important; }
.owl-theme .owl-dots .owl-dot span { background: transparent !important; border: #D6D6D6 solid 1px !important; border-radius: 0 !important; margin: 3px !important; }
.owl-dots .owl-dot.active span { border-color: #b61f24 !important; background: #b61f24 !important; }
.footer-logo { width: 130px; height: auto; margin-bottom: 15px; }
#slide-bar-category { position: sticky; top: 0; background: #fff; z-index: 1; height: 100vh; overflow: auto; }
.cmspage ol, .cmspage ul { padding: 0 20px; }
.selected { border: 2px solid #b61f24 !important; }
/*.ng-star-inserted img{
  height:60px;
}*/
.slick-slider .image-cropper img { width: 85px !important; height: 85px !important; max-width: 100px !important; max-height: 100px !important; display: inline-block !important; margin: 15px 22px !important; }
.height100 { height: 100% !important; }
.mobileClick { display: none }
.Mobilehover { display: block; }

@media (max-width:1024px) {
  .slider__item { width: 100% !important; height: auto !important }
  .category-slider-banner-big .slider__item img { width: 100% !important; height: auto !important; }
}

@media (max-width:991px) {
  .mobileClick { display: block; }
  .Mobilehover { display: none; }
  .mobileClick .menu li .megadrop { position: unset !important; width: 99% !important; margin: 0 !important; visibility: visible !important; overflow: unset !important; padding: 10px 0 !important; column-count: unset !important; opacity: 1 !important; min-height: unset !important; display: none !important }
  .mobileClick .menu-web { float: unset !important; width: 100% !important; border: none !important; height: auto !important; min-height: unset !important; }
  .mobileClick .mobilemenudiv { overflow: hidden; border: solid 1px #ddd; position: absolute !important; width: 100%; z-index: 9999999999; }
  .mobileClick .menu .menu-widget { margin: 0 !important; display: block !important; width: 100% !important; }
}

.bannerad img, .kidsbannerad img { width: 100%; }
.product-sku { margin-top: 10px; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; text-overflow: ellipsis !important; }
.bestvendors h3 { font-size: 16px; font-weight: bold; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; text-overflow: ellipsis !important; height: 25px !important; min-height: unset !important; margin-bottom: 5px !important; }
.support-box-info i { font-size: 30px; color: #ee3e44; margin-top: 9px; margin-right: 10px; }
.skulabel { text-transform: uppercase !important }
#shortdesId { padding: 0 0 0 20px !important }
.cmspage { padding: 0 20px; }

@media(max-width:767px) {
  .category-slider-banner-big .carousel.slide { height: auto !important; }
}

@media(max-width:560px) {
  .category-slider-banner-big .slider__item img { width: 100% !important; height: auto !important; }
  .category-slider-banner-big .carousel.slide { height: auto !important; }
}

@media(max-width:411px) {
  .product-btns-holder .btn { font-size: 11px !important; }
}

.owl-carousel .owl-stage-outer { width: 100% !important }
.colorWhite { color: #fff !important }
.dvMobileSearch { position: absolute; left: 0; top: 20px; z-index: 999999999; background: #f6f6f6; border: 2px solid #b61f24; width: 100%; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 47px; }
.dvMobileSearch input { outline: none; border: none; padding: 0 15px; width: 92%; float: left; height: 43px; line-height: 43px; background: transparent; box-shadow: none !important; }
.dvMobileSearch button { background: #b61f24; border: none; text-transform: uppercase; cursor: pointer; color: #fff; font-family: 'Open Sans', sans-serif !important; font-weight: bold; width: 7%; font-size: 18px; line-height: 43px; letter-spacing: 2px; outline: none; text-align: center; transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; float: right; }
.dvMobileSearch button i { display: block; line-height: 43px; }
.vendor-pages-menu { padding: 15px 0 5px 0 !important }
.vendors-orders-table th, .vendors-orders-table td { padding: 15px !important; }