@font-face {
    font-family: 'AvertaExtra';
    src: url('fonts/AvertaDemoPE-ExtraBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvertaRegular';
    src: url('fonts/AvertaDemoPECuttedDemo-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvertaBold';
    src: url('fonts/AvertaPE-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@import url("https://use.typekit.net/vxt2zma.css");

:root{
--light-orange:#f48221;
--light-black:#333;
}
body {
/*  font-family: 'Work Sans', sans-serif;
  font-weight: 400; 
  font-family: "proxima-nova", sans-serif;*/
  font-family: "AvertaRegular", sans-serif;
font-weight: 400;
font-style: normal;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}
h1, h2, h3, h4, h5, h6 {
  color: var(--light-black);
}
/* Override the bootstrap defaults */
h1 {
  font-size: 33px;
}
h2 {
  font-size: 27px;
}
h3 {
 /* font-size: 21px; */
  letter-spacing: .1px;
  margin: 0 0 12px;
  text-transform: uppercase;
  white-space: nowrap;
  font-style: normal;
  font-variant-caps: normal;
  font-weight: 900;
  font-stretch: normal;
  font-size: 12px;
  line-height: 14px;
  font-size-adjust: none;
}
}
h4 {
  font-size: 15px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10.2px;
}
a {
  color:var(--light-orange);
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: var(--light-black);
}
p{
  font-size: 16px;
  line-height: 25px;
}
img{
  border-radius: 6px;
}
/* Chrome border line */
button:focus {
  outline: none !important;
}
legend {
  font-size: 18px;
  padding: 7px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
label {
  font-size: 12px;
  font-weight: normal;
}
.list-unstyled a {
  text-decoration: none;
}
.nav-tabs {
  margin-bottom: 15px;
}
div.required .col-form-label:before, div.required .form-label:before {
  content: "* ";
  color: #F00;
  font-weight: bold;
}
@media (min-width: 768px) {
  .col-form-label {
    text-align: right;
  }
}
/* top */
#top {
  background-color: var(--light-orange);
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0;
  margin: 0;
  min-height: 44px;
  position: relative;
  clear: both;
}
#top .nav > .list-inline > .list-inline-item, #top .nav > .list-inline .list-inline-item > a, #top .nav > .list-inline .list-inline-item .dropdown > a {
  color: #fff;
}
#top .btn-link {
  color: #888;
  text-decoration: none;
}
#top .btn-link:hover {
  color: #444;
}
#top a {
  font-size: 14px;
  text-decoration: none;
}
#top a img{
  border-radius: 0;
}
/*#top li:hover, #top a:hover{
  color:#fff !important;
}*/
.top-bar{
  clear: both;
}
.top-search-input, .top-search .dropdown-menu{
  padding: 0 !important;
}
footer a {
  font-size: 15px;
  text-decoration: none;
}
@media(max-width: 767px){
  .insp-footer .btn.toggle {
    color: #06623b;
    text-shadow: none;
    background: none;
    background-image: none;
    background-image: none;
    border: 0;
    box-shadow: none;
    font-size: 12px;
    position: absolute;
    top: -3px;
    right: 0;
    padding: 0;
    width: 100%;
  }
  .insp-footer h5{
    position: relative;
    margin-bottom: 5px;
    font-size: 14px;
    margin-top: 10px;
  }
  footer h5 .toggle.collapsed::after, .catfilter .toggle.collapsed::after {
    font-family: 'FontAwesome';
    content: '\f067';
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
  }
  footer h5 .toggle::after, .catfilter .toggle::after {
    font-family: 'FontAwesome';
    content: '\f068';
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
  }
  #floating-cart{position:fixed;top:10px;left:10px;right:10px;width:320px!important;height:400px;padding:10px;background:#fff;border:1px solid #f7f7f7;border-radius:5px;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 7%);display:none;}
#floating-cart-list{width:300px !important;height:400px;overflow-y:scroll;}
}  
@media (min-width: 768px){
.footer-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
}
/* logo */
#logo {
  margin: 0 0 0px 0;
}
#logo img {
  max-width: 100%;
}
header{
  clear: both;
  padding: 12px 0;
  padding-bottom:0;
  position: relative;
}
/* search */
#search, #searchm {
  margin-bottom:0px;
}
#search .form-control-lg, #searchm .form-control-lg{
  height: 35px;
  font-size: 12px;
  line-height: 16px;
  padding: 0 5px;
  min-height:35px !important;
  border-radius:3px !important;
  z-index:9;
}
#search .btn-lg, #searchm .btn-lg {
  font-size: 16px;
  line-height: 20px;
  padding: 5px 10px;
  position:absolute;
  top:3px;
  right:2px;
  color:#000;
  background:#fff;
  border:none;
  z-index:10;
}
#search .btn-lg:hover, #searchm .btn-lg:hover{color:#f48221;}
/* cart */
#header-cart a{
  font-size: 14px;
}
#header-cart a.btn-primary{
 padding: .5rem .5rem;
}
#header-cart > .btn {
  font-size: 14px;
  line-height: 18px;
  color: #FFF;
}
#header-cart .btn-lg {
  padding: 0.65rem 1rem;
}
#header-cart.open > .btn {
  background-image: none;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  color: #666;
  box-shadow: none;
  text-shadow: none;
}
#header-cart.open > .btn:hover {
  color: #444;
}
#header-cart .dropdown-menu {
  background: #fff;
  z-index: 1001;
  min-width: 100%;
  max-width: 400px;
  line-height: 28px;
}
#header-cart .dropdown-menu a{
  color: var(--light-black)
}
#header-cart .dropdown-menu a:hover{
  color: var(--light-orange);
}
#header-cart .dropdown-menu a.btn-primary:hover{
  color: #fff;
}
#header-cart .dropdown-menu table {
  margin-bottom: 10px;
}
#header-cart .dropdown-menu li {
  padding: 0 10px;
  min-width: 130px;
  line-height: 20px;
}
.top-search #search{
  min-width: 427px;
}
#header-cart .dropdown-menu li p {
  margin: 10px 0;
}
#header-cart .dropdown-menu li p a{
  color: #fff;
}
@media (max-width: 478px) {
  #header-cart .dropdown-menu {
    width: 100%;
    width: auto;
  }
  #header-cart .dropdown-menu li > div {
    min-width: 100%;
  }
}
/*#header-cart .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}*/
.btn-cart.btn-inverse{
  background-image: none;
  background-color: transparent;
  border-color: transparent;
}
.btn-cart.btn-inverse:hover, .btn-cart.btn-inverse:focus, .btn-cart.btn-inverse:active, .btn-cart.btn-inverse.active, .btn-cart.btn-inverse.disabled, .btn-inverse[disabled]{
  background-image: none !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: #fff;
  outline: none;
  box-shadow: none;
}
#header-cart{
  position: relative;
  text-align: right;
}
#header-cart .cart-icon{
  font-size: 26px;
  background: var(--light-black);
  padding: 10px;
  border-radius: 100%;
}
#header-cart span{
  position: absolute;
  top: -15px;
  left: 22px;
  background: #fff;
  color: #000;
  border:1px solid #ccc;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  line-height:18px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
}
/* menu */
@media(min-width: 768px){
  #menu {
  background-color: transparent !important;
  background-image: none;
  background-repeat: repeat-x;
  border: 1px solid transparent !important;
  border-color: transparent !important;
  min-height: 40px;
  border-radius: 4px;
  }
  #menu.navbar {
    padding: 0 1rem;
  }
  #menu .dropdown-menu {
    padding-bottom: 0;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 30px;
    display: block !important;
    webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    visibility: hidden;
    display: block;
    opacity: 0;
    margin-top: 50px;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.35s ease-out 0s;
    -o-transition: all 0.35s ease-out 0s;
    transition: all 0.35s ease-out 0s;
    min-width: 230px;
    background-color: #fff;
    padding: 0px;
    border-radius: 0px;
    border-bottom: 3px solid #f58220;
  }
  #menu .dropdown-inner {
    display: table;
  }
  #menu .dropdown-inner ul {
    display: table-cell;
  }
  #menu .dropdown-inner ul li a:hover {
    color: var(--light-orange);
   /* background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);*/
  }
  #menu .dropdown:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 4px;
  }
  
  #menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
  }
}
#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
   font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  border-bottom: 1px dashed #dedede;
  padding: 10px 18px;
  }
  #menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
  }
.thumb_img{
  display: none;
}
@media(min-width: 1400px){
  #menu .see-all{
    display: none;
  }
}
#menu #category {
  float: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #fff;
}
#menu .navbar-toggler i {
  color: #fff;
  border-color: #fff;
  font-size: 0.9em;
}
#menu .navbar-nav > li > a {
  color: #333;
  padding: 10px;
  min-height: 15px;
  background-color: transparent;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.2px;
}
#menu .navbar-nav > li > a:hover {
  /*background-color: rgba(0, 0, 0, 0.1);*/
  color: #f58220;
}
@media (min-width: 992px) {
  #menu .dropdown:hover .dropdown-menu {
    display: block;
  }
}
@media (max-width: 991px) {
  #menu {
    border-radius: 4px;
  }
  #menu div.dropdown-inner > ul .list-unstyled {
    display: block;
  }
  #menu div.dropdown-menu {
    margin-left: 0 !important;
    padding-bottom: 10px;
    background-color: transparent;
    border: none;
  }
  #menu .dropdown-inner {
    display: block;
  }
  #menu .dropdown-inner a {
    width: 100%;
    color: #333;
  }
  #menu .see-all {
    margin-top: 0;
    border: none;
    border-radius: 0;
    color: #333;
  }
  #menu .dropdown-inner a:hover, #menu .see-all:hover{
    color: var(--light-orange);
  }
}
/* responsive menu*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align:center;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidenav a:hover{
  color: #f1f1f1;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/* responsive end */
/* content */
#content {
  min-height: 600px;
  padding: 0;
}
/* footer */
footer {
  padding-top: 30px;
  padding-bottom: 30px;
/*  background-color: #f5f5f5;
  color: #000; */
  background-color: #000;
}
footer hr {
  border-top: none;
  border-bottom: 1px solid #666;
}
footer a {
/*  color: #000; */
  color:#737373;
  font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 12px;
line-height: 17px;
}
footer a:hover {
  color: #ccc;
}
footer ul li{
  line-height: 26px;
  color: #000;
}
footer ul{
  margin-bottom: 5px;
}
footer h5 {
 /* font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 1px; */
  color: #fff;
letter-spacing: .1px;
margin: 0 0 12px;
text-transform: uppercase;
white-space: nowrap;
font-style: normal;
font-variant-caps: normal;
font-weight: 900;
font-stretch: normal;
font-size: 12px;
line-height: 14px;
font-size-adjust: none;
}
footer h4 {/*font-weight:bold;*/  letter-spacing: .1px;
  margin: 0 0 12px;
  text-transform: uppercase;
  white-space: nowrap;
  font-style: normal;
  font-variant-caps: normal;
  font-weight: 900;
  font-stretch: normal;
  font-size: 12px;
  line-height: 14px;
  font-size-adjust: none;}
/* breadcrumb */
.breadcrumb {
  margin: 0 0 20px 0;
  padding: 12px 0;
  background-color: #f5f5f5;  
}
.breadcrumb i {
  font-size: 14px;
}
.breadcrumb > li.breadcrumb-item {
  padding: 0 14px;
  position: relative;
  white-space: nowrap;
}
.breadcrumb > li.breadcrumb-item > a {
  text-decoration: none;
  color: #222;
  font-size: 15px;
}
/*.breadcrumb > li.breadcrumb-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 0px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}*/
.breadcrumb > li.breadcrumb-item:after {
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  right: 0px;
  padding-right:5px;
  width: 10px;
  height: 7px;
}
.breadcrumb > li.breadcrumb-item + li:before {
  content: "";
  padding: 0;
}
.pagination {
  margin: 0;
  margin-bottom: 30px;
}
/* buttons */
.btn-light {
  color: #777;
  /*background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;*/
  padding: .625rem 1.5rem .5rem;
border-radius: 0;
line-height: 20px;
background-color: #eee;
 /* border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;*/
}
.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light.disabled, .btn-light[disabled] {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  background-position: 0;
}
.btn-primary {
  color: #ffffff;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-position: 0;
}
.btn-check:focus + .btn-primary, .btn-primary:focus{
  background-color: var(--light-orange);
  border-color: var(--light-orange);
  box-shadow: none;
}
.btn-warning {
  color: #ffffff;
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
  color: #ffffff;
  background-color: var(--light-black);
  border-color: var(--light-black);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  box-shadow: none;
}
.btn-success {
  color: #ffffff;
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
  color: #ffffff;
  /*background-image: linear-gradient(to bottom, #e06342, #dc512c);
  background-repeat: repeat-x;*/
  background-color: var(--light-orange);
  border-color: var(--light-orange);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  background-image: none;
  background-color: var(--light-black);
  color: #fff;
  border-color: var(--light-black);
}
.btn-link {
  border-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #23A1D1;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none;
}
.btn-inverse {
  color: #ffffff;
  background-color: #363636;
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  background-color: #222222;
  background-image: linear-gradient(to bottom, #333333, #111111);
}
.product-thumb{
  margin: 5px;
  border: 1px solid #f7f7f7;
  margin-bottom: 15px;  
  position: relative;
  transition: all 200ms ease-in-out 0s;
  border-radius: 6px;
}
.product-thumb:hover{
  /*border: 1px solid transparent;*/
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 7%);
}
.product-thumb h4 {
  color: #666;
  transition: all .3s ease-in-out;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 15px;
  overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: capitalize;
}
.product-thumb h4 a{
 /* color: #000;
  transition: all .3s ease-in-out;
  letter-spacing: 0;
  font-weight: bold;
  font-size: 14px;  */
  font-size: 11px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 15.4px;
margin-right: 36px;
color: rgb(39, 39, 39);
}
.product-thumb h4:hover a{
 color: var(--light-orange);
}
.product-thumb .image {
  text-align: center;
}
.product-thumb .description {
  padding: 15px;
  text-align: center;
}
.product-thumb .button-group {
  /* display: flex;
  border-top: 1px solid #ddd; */
  background-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 33%;
  border: none;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  transition: all 400ms ease-in-out 0s;
}
.product-thumb .button-group button {
  /* flex: 33%; */
  border-radius: 0;
  /* display: inline-block; */
  border: none;
  background-color: var(--light-orange);
  color: #fff;
  line-height: 35px;
  width: 35px;
  height: 35px;
  text-align: center;
  transition: all 400ms ease-in-out 0s;
  opacity: 0;
  position: relative;
  margin: 0 3px;
}
.product-thumb .button-group button:hover {
  background-color: var(--light-black);
  text-decoration: none;
  cursor: pointer;
}
.product-thumb:hover .button-group button{
  opacity: 1;
}
/* .product-thumb .button-group button + button {
  border-left: 1px solid #ddd;
} */
.product-thumb .button-group button::before{
  left: -5px;
  top: -5px;
  border-top: 3px solid #222;
  border-left: 3px solid #222;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.product-thumb .button-group button:hover::before{
  width: 126%;
  height: 126%;
  opacity: 1;
}
.product-thumb .button-group button::after{
  right: -5px;
  bottom: -5px;
  border-bottom: 3px solid #222;
  border-right: 3px solid #222;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: 1;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}
.product-thumb .button-group button:hover::after{
  width: 126%;
  height: 126%;
  opacity: 1;
}
@media (min-width: 960px) {
  .product-list .product-thumb {
    display: flex;
  }
  .product-list .product-thumb .image {
    flex-direction: column;
    margin-bottom: 0px;
  }
  .product-list .product-thumb .content {
    flex-direction: column;
    flex: 175%;
    position: relative;
  }
  .product-list .product-thumb .button-group {
    position: unset;
    bottom: 0px;
    width: 100%;
    left: 0;
    right: auto;
    text-align: left;
    /* border-left: 1px solid #ddd; */
    margin-left: 15px;
  }
   .product-list .product-thumb .button-group button{
    opacity: 1;
   }
}
.rating {
  padding-bottom: 10px;
}
.rating .fa-stack {
  font-size: 5px;
}
.rating .far.fa-star {
  color: #999;
  font-size: 13px;
}
.rating .fa-star {
  color: #FC0;
  font-size: 13px;
}
.rating .fa-star + .fa-star {
  color: #FC0;
}
/* product list */
.price {
  color: #444;
}
.price-new {
  font-weight:700;
  font-size: 16px;
  color: #212121;
}
.price-old {
  color: #878787;
  text-decoration: line-through;
  font-weight: 500;
}
.price-tax {
  color: #999;
  font-size: 12px;
  display: block;
}
/* BS4 Changes */
.navbar-light .navbar-toggler {
  font-size: 15px;
  font-stretch: expanded;
  color: #FFF;
  padding: 6px 12px;
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border-color: #1f90bb #1f90bb #145e7a;
}
.form-check .form-check-input {
  margin-top: 0.25rem;
}
#display-control{
  margin-top: 20px;
}
/* Theme Custom CSS */
#display-control #compare-total.a {
  margin-top: -2px;
  padding: 0.35rem 0.565rem;
}
#product-product h1 {
  margin-top: 20px;
  margin-bottom: 10px;
}
#information-contact .card {
  margin-bottom: 20px;
}
#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 9999;
  opacity: 0.95;
  color: #ecf0f1;
  background: #343a40;
}
#cookie div {
  font-size: 16px;
  color: #FFFFFF;
}
.product-thumb .button-group button i{
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
.pro-d-none{
  display: none;
}
.product-list .pro-d-none{
  display: block;
  font-size: 16px;
  line-height: 27px;
}
.category-item h2{
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.category-item:hover h2{
  color: var(--light-orange);
}
.ab-account{
  background: #f8f8f8;
  padding: 15px;
  border: 1px solid #ededed;
  border-radius: 4px;
}
.ab-account h1, .ab-account h2{
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
}
.ab-account p{
  font-size: 14px;
  line-height: 24px;
}
.ab-account-data ul{
  text-align: center;
}
.ab-account-data img{
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.ab-account-data a{
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #2a3746;
  padding: 18px 20px;
  display: inline-block;
  width: 100%;
  border-radius: 0px;
  border: 1px solid #ddd;
  margin-bottom: 30px;
  background-color: #fff;
  text-align: center;
}
.shadow-sm{
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2) !important;
}
.form-control{
  font-size: 14px;
  height: 40px;
}
.form-control:focus{
  box-shadow: none;
  border-color: var(--light-orange);
}
.btn-primary{
  background-image: none;
  border-color: var(--light-orange);
  background-color: var(--light-orange);
  font-weight: 500;
  padding: .625rem 1.5rem .5rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  line-height: 1.5;
  border-radius: 0;
}
.btn-primary:hover{
   border-color: var(--light-black);
  background-color: var(--light-black);
  color: #fff;
}
.col-form-label{
  font-size: 14px;
}
legend{
  color: #555;
  font-weight: 600;
}
.bg-primary {
  background-image: none;
  background-color: var(--light-orange) !important;
}
/*header{
  background-color: var(--light-orange);
}*/
.form-control-lg{
  min-height: calc(1.8em + 1.4rem + 2px);
}
#header-cart .btn-danger{
  background-color: transparent;
  border-color: transparent;
  color: var(--light-orange);
  padding: 0 2px;
  margin-top: -5px;
}
#header-cart .btn-danger:hover{
  color: #333;
}
#top .dropdown-item:hover, #top .dropdown-item:focus{
  color: var(--light-orange);
  background-color: transparent; 
}
.copy-power-payment{
  margin-bottom: 16px;
}
.copy-power-payment img{
  max-width: 250px;
}
.navbar-nav{
  margin: 0 auto;
}
.social-links{
  margin-top: -3px;
}
.social-links.small li{
  padding: 0 2px;
  margin-right: 0;
}
.social-links.small li a{
  width: 30px;
  height: 30px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  line-height: 28px;
  display: block;
} 
.social-links.small li a i, .top-contact i{
  font-size: 14px;
}
.top-contact{
  margin-left: 10px;
}
.top-contact li{
  display: inline-flex;
}
.top-contact li i{
  margin-right: 3px;
}
.carousel{
  box-shadow: none;
  border: none;
}
/*scroll to top*/
#scroll {
    background-color: #3333337a;
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    outline: none;
    z-index: 1;
    border-radius: 0px;
    text-align: center;
    color: #fff;
    transition: all 400ms ease-in-out 0s;
}
#scroll i{
  font-size: 20px;
}
#scroll:hover {
    background-color: var(--light-black);
    color: #fff;
}
/*scroll to top end*/
.list-group-item.active{
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.125);
  color: var(--light-orange);
}
.list-group-item:hover{
   color: var(--light-orange);
}
.page-item.active .page-link{
  background-color: var(--light-orange);
  border-color: var(--light-orange);
}
.page-link{
  color: var(--light-orange);
}
.page-link:hover{
  background-color: transparent;
  color:  var(--light-orange);
}
/* list grid button*/
.list-grid-btn .btn-light.active{
  background-image: none ;
  background-color: transparent;
  border-color: transparent;
  color: var(--light-orange);
  box-shadow: none;
}
.list-grid-btn .btn-light{
  background-image: none ;
  background-color: transparent;
  border-color: transparent;
  font-size: 22px;
  padding: 0 2px;
  box-shadow: none;
}
.product-list .col-lg-4{
  display: block;
  width: 100%;
}
@media(max-width: 960px){
  .product-list .col-lg-4{
    width: 50%;
  }
}
.sort-show .input-group-text{
  background-color: transparent;
  border-color: transparent;
  font-size: 14px;
 font-weight: 500;
color: #666;
}
.form-select{
  font-size: 14px;
}
.sort-show .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  border-radius: 0px;
}
.form-select:focus{
  box-shadow: none;
  border-color:var(--light-orange);
}
.category-item{
  text-align: center;
  margin: 10px;
}
.catimg img{
  border-radius: 100%;
}
.cmn-cate-bg{
  background-color: #f2f2f2;
}
/*.about-company{
  margin-top: 100px;
}*/
.about-company h3{
  font-size: 34px;
  font-weight: 600;
  color: #333;
  max-width: 480px;
}
.about-company h4{
  font-family: 'Pacifico', cursive;
  letter-spacing: 1px;
  font-size: 20px;
  text-transform: capitalize;
}
.about-company p{
  font-size: 15px;
  line-height: 28px;
}
.about-company .btn-primary{
  padding: 12px 25px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 50px;
}
.parallex{
  background-image: url("../../../image/catalog/parallex.jpg");
  padding: 100px 0;
}
.shipping{
  text-align: center;
  cursor: pointer;
}
.shipping h4{
  color: #fff;
  font-size: 16px;
  max-width: 200px;
  margin: 0 auto;
  margin-top: 17px;
  line-height: 24px;
  text-transform: capitalize;
}
.shipping img{
  transition: all 1.0s linear;
  max-width: 75px;
}
.shipping:hover img{
    transform: rotateY(180deg);
}
/*.tab-pro-title{
  margin-top: 40px;
}*/
.tab-pro-title h3{
  text-align: center;
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: 600;
  text-transform: uppercase;
}
.pro-tab-title.nav{
  display: block;
  text-align: center;
}
.pro-tab-title.nav-tabs{
  border:none;
}
.nav-item{
  display: inline-block;
  float: none;
  text-align: center;
  margin: 0 5px;
}
.pro-tab-title.nav-tabs .nav-link{
  color: #a7a7a7;
  text-transform: uppercase;
  border:1px solid #d7d7d7;
  font-size: 16px;
  padding: 8px 10px;
  border-radius: 0;
  letter-spacing: 0.5px;
  font-weight: 500;
}
.pro-tab-title.nav-tabs .nav-link.active{
  border-color: var(--light-orange);
  background-color: var(--light-orange);
  color: #fff;
}
.cmn-margin{
  margin-top: 30px;
}
.list-group-item{
  padding: 12px 15px;
  font-size: 14px;
}
.cat-compare{
  font-size: 15px;
}
.list-grid-btn .btn-light, .list-grid-btn .btn-light.active{
  height: 40px;
  width: 40px;
  text-align: center;
  padding: 0;
  border-radius: 0;
  border: 1px solid #ededed;
}
.list-grid-btn .btn-light.active{
   border-color: var(--light-orange);
  background-color: var(--light-orange);
  color:  #fff;
}
hr{
  opacity: 1;
  color: #efefef;
}
#tab-description{
  line-height: 26px;
}
#tab-description p{
  font-size: 14px;
}
.product-desc-part{
  margin-top: 30px;
  margin-bottom: 0;
}
.product-info-modals span{
  margin-right: 5px;
  line-height: 27px;
  min-width: 125px;
  display: inline-block;
  color: #222;
  font-weight: 500;
}
.pro-details{

}
.pro-details .product-title{
  /*font-size: 26px;*/
  font-size: 16px;
  line-height:18px;
  text-transform:none;
}
.magnific-popup img{
  padding: 0;
}
.pro-details .rating a{
  font-size: 14px;
  color: #111;
}
.pro-details .rating .far.fa-star{
  font-size: 13px;
}
.pro-details .rating{
  margin-bottom: 0px;
}
.pro-details .rating p{
  margin-bottom: 0;
}
.pro-details .rating a {
  position: relative;
  padding-right: 10px;
}
.pro-details .rating .write-a-review::after {
  content: "";
  background: #ddd;
  height: 14px;
  width: 1px;
  position: absolute;
  left: 0;
  margin:0 -8px;
  top: 3px;
  bottom: 0;
}
.nav-link, .nav-link:hover, .nav-link:focus{
  color: var(--light-orange);
}
.pro-details .price-new{
  font-size: 26px;
  font-weight: 600;
  display: inline-block;
}
.pro-details .price-old{
  margin-left: 5px;
  font-size: 26px;
  font-weight: 300;
}
.pro-details-tax{
  margin-top: 5px;
}
#review .fa-stack{
  width: 1.5em;
}
#review .fa-stack-2x{
  font-size: 16px;
  color: #fc0;
}
.pro-details .rating .fa-star{
  font-size: 13px;
}
.wishlist-button{
  padding: 11px 14px;
}
#product-compare #button-confirm.btn-primary{
  padding: 11px 18px;
}
.view-cart-btn.btn{
  padding: 4px 12px !important;
}
#content{
  padding: 0;
}
@media(max-width: 575px){
  #content{
    padding: 10px;
  }
  #common-home #content{
    padding: 0px !important;
  }
  .featured-products.slick-slider{
    padding: 0;
  }
  .product-thumb h4{
    font-size: 15px;
  }
  .rating .fa-stack{
    font-size: 5px;
  }
}
.horizontal-line{
  width: 60px;
  border: 1.5px solid var(--light-orange);
  text-align: center;
  margin: 12px auto 20px;
}
.navbar-nav{
  margin: 0;
}
#narbar-menu .nav-item{
  margin: 0;
  display: flex;
}
.view_more.my-menu{
  padding: 10px;
  min-height: 15px;
  background-color: transparent;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #333;
}
.wr_hide_menu{
  position: relative;
  color: #333;
}
.view_more.my-menu a{
  color: #333;
  cursor: pointer;
}
.view_more.my-menu a:hover{
  color: var(--light-orange);
}
.moremenu i{
  position: relative;
  top: 3px;
  left: -4px;
}
ul{
  margin: 0;
}
.top-icons{
  margin-top: 1.5px;
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  /*border: 1px solid #999999;
  border-radius: 100%;
  */
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size:20px;
  transition: all 0.1s ease-in-out;
  text-align: center;
}
.top-icons i{color:#000;}
.top-icons:hover i{color:#f48221;}
.carousel-control-prev, .carousel-control-next{
  font-size: 18px;
  line-height: 60px;
  color: #fff;
font-size: 20px;
margin: 5px;
padding:0;
background: #1a1a1a;
display: inline-block;
cursor: pointer;
border-radius: 25px;
border: 2px solid #1a1a1a;
transition: all 0.3s ease 0s;
opacity: 0;
line-height: 40px;
width: 40px;
height: 40px;
text-align: center;
}
.carousel-control-prev{
  left: 0px;
  transition: all 0.3s ease 0s;
  position: absolute;
  top: 45%;
}
.carousel-control-next{
  right: 0px;
  transition: all 0.3s ease 0s;
  position: absolute;
  top: 45%;
}
.carousel:hover .carousel-control-prev, .carousel:hover .carousel-control-next{
  opacity: 1;
  color: #fff;
}
.carousel-control-prev span, .carousel-control-next span{
  font-size: 18px;
}
.carousel .carousel-control-prev:hover, .carousel .carousel-control-next:hover{
  background-color: var(--light-orange);
  border-color: var(--light-orange);
}
.lang-cur{
  cursor: pointer;
}
.lang-cur img, #carousel-banner-0" img{
  border-radius: 0;
}
.lang-cur i{
  font-size: 12px;
}
.cart-top{
  margin-top: -9px;
}
/* service */
/*.slide-padding {
  padding: 0 5px;
}*/
.slide-padding ul {
  margin: 0;
  display: flex;
}
.service li {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.service li svg {
  fill: #b0b0b0;
  margin: 0 5px;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
.service li p{
  margin-bottom: 0;
}
.service ul li h4 {
  font-size: 16px;
  text-transform: capitalize;
  color: #b0b0b0;
  margin-bottom: 0;
}
.service ul:hover svg{
  transform: rotateY(180deg);
  cursor: pointer;
  fill: #fff;
}
/* service end */
.foot-power{
  background-color: #000;
  padding: 12px 0;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  margin-bottom:0;
  border-top-color: #2e2e2e;
border-top-style: solid;
border-top-width: 1px;
}
.foot-power a{
  color: #737373;
}
#common-home.container-fluid{
  overflow: hidden !important;
}
.foot-top, .service{
  background-color: #3d3d3d;
padding: 25px 20px;
}
/* category page*/
#product-list .col-md-3{
  padding-left: 5px;
  padding-right: 5px;
}
.product-list .col-md-3{
  width: 100%;
  margin-bottom: 20px;
}
.product-list .product-thumb .description{
  text-align: left;
}
.refine-category-list li.list-group-item{
  padding: 6px 14px;
  margin-right: 15px;
  border-radius: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.refine-category-list li.list-group-item a{
  color: var(--light-black);
}
.refine-category-list li.list-group-item a:hover{
  color: var(--light-orange);
}
.list-group-item + .list-group-item{
  color: #666;
  padding: 8px 12px;
  font-weight: 500;
}
.list-group-item + .list-group-item.active{
  color: var(--light-orange);
}
/* category page end */
/* product page*/
.zoom-left {
    max-width: 800px;
}
.zoomWindow{
  border: 1px solid var(--light-orange) !important;
}
.p-p-price-detail {
  background: #fff;
  padding: 10px 0;
  /*border: 1px solid #e1e1e1;*/
}
#product-info .rating .fa-stack{
  font-size: 7px;
}
#product-info .tab-content{
background-color: #fff;
border: 1px solid #ebebeb;
padding: 8px;
border-top: 0;
margin-bottom: 30px;
}
#button-cart.btn-primary{
  padding: 12px;
font-size: 16px;
font-weight: 600;
} 
.qty-plus-minus .form-control{
  width: 45px;
  text-align: center;
  color: #232d2a;
  box-shadow: none;
}
.qty-option{
  display: flex;
  margin-bottom: 20px;
}
.qty-option button, .qty-option input{
  border-radius: 0;
}
/* product page end */

.tab-pane:not(.active){
    display: block;
    height: 0;
    overflow-y: hidden;
}
.giant-item-layout{
  padding: 0 10px;
}
.giant-item-thumb{
  border: 10px solid #f5f5f5;
}
.giant-item-title{
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  padding: 5px 10px;
  display: block;
  color: #222;
  text-align: center;
}

@media (max-width: 767px){
  .insp-footer .btn.toggle {
    color: #000;
    text-shadow: none;
    background: none;
      background-image: none;
    background-image: none;
    background-image: none;
    border: 0;
    box-shadow: none;
    font-size: 12px;
    position: absolute;
    top: -3px;
    right: 0;
    padding: 0;
    width: 100%;
  }
  .emg-hover-banner .emg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;background:#01010100 !important;z-index:10;border-radius:5px;overflow:hidden;opacity: .7;transition: opacity .5s ease-out;-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;text-align:center;}
}


/* responsive menu*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top:0px;
  text-align:center;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidenav a:hover{
  color: #f1f1f1;
}
.sidenav .closebtn {
  position: unset;
  top: 0;
  right: 25px;
  font-size: 17px;
  margin-left: 0px;
  text-align: left;
  background-color: #f58220;
  padding: 12px 15px;
  width: 100%;
  display: inline-block;
  color: #fff;
  letter-spacing: 0.5px;
  font-weight: 500;
  text-transform: uppercase;
}
.sidenav .closebtn i{
  font-size: 20px;
  font-weight: 600;
}
#alert{
  position: relative;
  z-index: 99;
}
body .alert{
  position: fixed;
  right: 0;
  top: 30px;
  margin: 0 0;
  animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
  box-shadow: 2px 6px 7px -2px rgba(0,0,0,.1);
}
.cmn-arrow-left, .cmn-arrow-right{
  background: #fff;
  padding: 4px 8px;
  border: 1px solid #ededed;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 22px;
  margin-top: -40px;
  text-shadow: none;
}
.cmn-arrow-left{
  right: 60px;
}
.cmn-arrow-left i, .cmn-arrow-right i{
  text-shadow: none;
}
.cmn-arrow-left:hover, .cmn-arrow-right:hover{
  background: #f58220;
}
.cmn-arrow-left:hover i, .cmn-arrow-right:hover i{
  color: #fff;
}
.p-glr, .p-glr{
  top: 60%;
  z-index: 99;
}
.cmn-arrow-left.p-glr{
  left:0; 
  right: auto;
}
.cmn-arrow-right.p-glr{
  right:0; 
}
.dropdown-menu.dropdown-menu-right{
  padding: 0.5rem 10px;
  line-height: 25px;
  font-size: 14px;
}
.dropdown-menu.dropdown-menu-right a{
  color: #444;
}
.dropdown-menu.dropdown-menu-right a:hover{
  color: var(--light-orange);
}
.related-title{
  margin-top: 30px;
}
#product-info #content{ 
padding:  0 15px;
}
.giant-item-img img{
  margin: 0 auto;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/* responsive end */
@media(max-width: 449px){
    .insp-product-grid .col-md-6{
    width: 100%;
  }
}
@media(min-width: 450px) and (max-width: 574px){
    .insp-product-grid .col-md-6{
    width: 50%;
  }
}
@media(max-width: 575px){
  .breadcrumb{
    margin-bottom: 10px;
  }
  .pro-details .product-title{
    margin-top: 20px;
  }
  .p-p-price-detail{
    padding: 30px 20px 30px 20px;
  }
  #narbar-menu .nav-item{
    display: block !important;
    text-align: left;
  }
  #logo img{
    max-width: 125px;
  }
  .menu-bar-icon{
    position: absolute;
    top: 20px;
    left: 10px;
  }
  #logo{
    margin-left: 22px;
  }
  .top-icons{
    margin-right: 0 !important;
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  .top-usc{
    position: absolute;
    right: 0;
    width: auto;
  }
  .cmn-margin{
    margin-top: 30px;
  }
  .carousel{
    margin-bottom: 0 !important;
  }
  .pro-tab-title.nav-tabs .nav-link{
    font-size: 12px;
    padding: 4px 6px;
  }
  .cmn-arrow-left, .cmn-arrow-right{
    display: none !important;
  }
  .product-thumb{
    margin-bottom: 1px;
  }
  .top-search #search{
    max-width: 300px;
    min-width: 300px;
  }
  #header-cart .top-cart-drop{
    max-width: 300px !important;
    right: 37px !important;
  }
  .slide-padding ul{
    margin-bottom: 15px;
  }
  .product-thumb .button-group{
    display: none;
  }
  .product-list .col-lg-4{
    width: 100%;
  }
}
@media(min-width: 576px) and (max-width: 767px){
   .breadcrumb{
    margin-bottom: 10px;
  }
  .pro-details .product-title{
    margin-top: 20px;
  }
  .p-p-price-detail{
    padding: 30px 20px 30px 20px;
  }
  #narbar-menu .nav-item{
    display: block !important;
    text-align: left;
  }
  #logo img{
    max-width: 125px;
  }
  .menu-bar-icon{
    position: absolute;
    top: 20px;
    left: 10px;
  }
  #logo{
    margin-left: 22px;
  }
  .top-icons{
    margin-right: 0 !important;
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  .top-usc{
    position: absolute;
    right: 0;
    width: auto;
  }
  .cmn-margin{
    margin-top: 30px;
  }
  .carousel{
    margin-bottom: 0 !important;
  }
  .pro-tab-title.nav-tabs .nav-link{
    font-size: 12px;
    padding: 4px 6px;
  }
  .cmn-arrow-left, .cmn-arrow-right{
    display: none !important;
  }
  .product-thumb{
    margin-bottom: 0;
  }
  #header-cart .dropdown-menu .top-search-input{
    min-width: 300px;
  }
  #header-cart .top-cart-drop{
    max-width: 300px !important;
    right: 37px !important;
  }
  #narbar-menu .nav-item{
    display: block !important;
    text-align: left;
  }
  #logo img{
    max-width: 125px;
  }
  .slide-padding ul{
    margin-bottom: 15px;
  }
  .zoom-left, .pro-details{
    width: 100%;
  }
  .pro-details{
    margin-top: 30px;
  }
  .pro-wish-com-btn{
    padding: .625rem 1rem .5rem;
  }
}
@media(min-width: 768px) and (max-width: 991px){
   .breadcrumb{
    margin-bottom: 10px;
  }
  .pro-details .product-title{
    margin-top: 20px;
  }
  .p-p-price-detail{
    padding: 30px 20px 30px 20px;
  }
  #narbar-menu .nav-item{
    display: block !important;
    text-align: left;
  }
  #logo img{
    max-width: 125px;
  }
  .menu-bar-icon{
    position: absolute;
    top: 20px;
    left: 10px;
  }
  #logo{
    margin-left: 22px;
  }
  .top-icons{
    margin-right: 0 !important;
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
  .top-usc{
    position: absolute;
    right: 0;
    width: auto;
  }
  .top-usc ul{
    padding-left: 0 !important;
  }
  .cmn-margin{
    margin-top: 30px;
  }
  .carousel{
    margin-bottom: 0 !important;
  }
  .pro-tab-title.nav-tabs .nav-link{
    font-size: 12px;
    padding: 4px 6px;
  }
  .cmn-arrow-left, .cmn-arrow-right{
    display: none !important;
  }
  .product-thumb{
    margin-bottom: 0;
  }
  #header-cart .dropdown-menu .top-search-input{
    min-width: 300px;
  }
  #header-cart .top-cart-drop{
    max-width: 300px !important;
    right: 37px !important;
  }
  #narbar-menu .nav-item{
    display: block !important;
    text-align: left;
  }
  #logo img{
    max-width: 125px;
  }
  .slide-padding ul{
    margin-bottom: 15px;
  }
  .footer h5 button{
    display: none;
  }
   .zoom-left, .pro-details{
    width: 100%;
  }
  .pro-details{
    margin-top: 30px;
  }
}
@media(min-width: 992px) and (max-width: 1199px){
   .top-icons{
    margin-right: 0 !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .top-usc ul{
    padding-left: 0;
  }
  #header-cart .dropdown-menu .top-search-input{
    min-width: 300px;
  }
  #header-cart .top-cart-drop{
    max-width: 300px !important;
    right: 37px !important;
  }
  .pro-wish-com-btn{
    padding: .625rem 10px .5rem;
  }
}
@media(min-width: 1200px) and (max-width: 1399px){
  .top-usc ul{
    padding-left: 0;
  } 
  .pro-wish-com-btn{
    padding: .625rem 10px .5rem;
  }
}
@media(min-width: 1400px){

}
/*EMG*/
@media (max-width: 767px) {
  html, body{
    max-width: 100% !important;
    overflow-x:hidden !important;
  }
  .container, .container-sm {
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px !important;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px !important;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px !important;
  }
}
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px !important;
  }
}
@media (min-width: 1500px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1420px !important;
  }
}
@media (min-width: 1600px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1520px !important;
  }
}
@media (min-width: 1700px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1620px !important;
  }
}
@media (min-width: 1800px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1720px !important;
  }
}
@media(min-width: 992px){
.emg_hide_on_mobile{display:block;visibility:visible;opacity:1;}
.emg_hide_on_desktop{display:none;visibility:hidden;opacity:0;}
}
@media(max-width: 991px){
.emg_hide_on_mobile{display:none;visibility:hidden;opacity:0;}
.emg_hide_on_desktop{display:block;visibility:visible;opacity:1;}
.emg-header-menualt, .tabcontainer{display:none !important;}
}

/*Header*/
header .row.tabcontainer{/*background:#f5f5f5;*/border-top:1px solid #f8f8f8;--bs-gutter-x: 0;}
header .row.tabcontainer > .container{max-width:1320px;}
.emg-header-top{padding-left:10px;padding-bottom:5px;padding-right:0;position:relative;}
.emg-header-top li{color:#666 !important;font-size:12px !important;}
/*.emg-header-top li:not(:last-child){margin-right:175px !important;}*/
@media (min-width: 1200px) {
.emg-header-top li:not(:last-child){margin-right:calc((100% - 1020px)/5) !important;}
}
@media (min-width: 500px) and (max-width: 767px) {
    .hiddenm{display:none !important;}
    .emg-header-top li{float:right;margin-left:0;margin-right:0;display:block;}
    .emg-header-top li:first-child{float:left;margin-left:0;margin-right:0;display:block;}
}
@media (max-width: 499px) {
    .emg-header-top li{width:100%;text-align:center;margin-left:0;margin-right:0;display:block;}
    .emg-header-top li:not(:first-child){display:none;}
}
@media (min-width: 992px) {
.emg-header-menualt{max-width:400px !important;padding-top:15px;}
.emg-header-menualt .nav-tabs{width:400px;border:none;margin-bottom:0;}
.emg-header-menualt .nav-tabs .nav-link:first-child{padding-left:5px;}
.emg-header-menualt .nav-tabs .nav-link{border:none !important;margin-bottom:0;color:#ccc;font-weight:bold;text-transform:uppercase;font-size:15px;}
.emg-header-menualt .nav-tabs .nav-link.active{color:#000;text-decoration:underline;}
#menu.emg_submenu{padding-left:0;}
.tab-content.ecat-content{}
.tab-content.ecat-content .headercat{list-style:none;padding-left:0;}
/*.tab-content.ecat-content .headercat li{display:inline-block;text-transform: uppercase;font-size: 11px;font-weight:bold;}*/
.tab-content.ecat-content .headercat li{display:inline-block;font-size: 14px;line-height:16px;font-weight:bold;letter-spacing: .25px;text-align: left;white-space: nowrap;}
.tab-content.ecat-content .headercat li a{color:#000;}
.tab-content.ecat-content .headercat li a:hover{color:#ccc;}
.top-icons.top-wish{position:relative;}
.tab-content.ecat-content .nav-link{padding:10px;}
.top-icons.top-wish .wishlabel{position:absolute;top:-2px;right:-2px;width:20px;height:20px;line-height:18px;font-size:14px;color:#000;border:1px solid #ccc;background:#fff;border-radius:100%;}
#header-bottom-row{padding:0 12px;background:#f48221;--bs-gutter-x: 0;}
#header-bottom-row div{height:30px;color:#000;line-height:30px;text-align:center;color:#fff;font-weight:bold;margin-top: 0.3vw;margin-bottom: 0.3vw;}
/*Submenu slider*/
.tab-content.ecat-content .tab-pane{position:relative;}
.btn.menu-scroll-left{position:absolute;left:-30px;top:0;background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0)),linear-gradient(90deg,#fff,hsla(0,0%,100%,0));width:70px;height:36px;padding:0 5px;text-align:left;border:none;}
.btn.menu-scroll-left i{line-height:36px;font-size:16px;color:#ff0000;}
.btn.menu-scroll-right{position:absolute;right:-30px;top:0;background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff),linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
    justify-content: flex-end;width:70px;height:36px;padding:0 5px;text-align:right;border:none;}
.btn.menu-scroll-right i{line-height:36px;font-size:16px;color:#ff0000;}
.headercat{height:36px;display: flex;overflow-x: hidden;scroll-behavior: smooth;scrollbar-width: none;}
}
/*Footer*/
.fpayment{border-top:2px solid #f5f5f5;text-align:center;margin-top:20px;padding-top: 10px;padding-bottom: 10px;}
.fpayment img{max-width:90%;}
@media(max-width: 991px){
.footericons{margin-top:10px;padding-top:10px;border-top:1px solid #ccc;}
}
.footericons i{font-size:30px;}
/*#matstar-footer-subscribe{position:relative;}
#matstar-footer-subscribe input{border:1px solid #000;border-radius:0;}
#matstar-footer-subscribe .btn{color:#fff;background:#000;position:absolute;top:0;right:0;border:none;border-radius:0;}*/
.foot-power{height:40px;}
/**/
footer{background-color:#fff;color:#333;font-size:14px;border-top:1px solid #ccc;}
footer a{color:#333;font-size:14px;}
.foot-power{background-color:#fff;color:#666;border-top-color:#ccc;}
.foot-power a{color:#666;}
.insp-footer .col-md-6{text-align:center;}
.footer-menu{margin-top:20px;margin-bottom:20px;}
.insp-footer ul li{display:inline-block;margin:5px;}
#matstar-footer-subscribe{max-width:400px;text-align:center;margin:0 auto;}
#matstar-footer-subscribe input{border-bottom:2px solid #ccc;border-top:none;border-left:none;border-right:none;border-radius:0;width:100%;}
#matstar-footer-subscribe .btn{color:#fff;background:#000;padding:5px 10px;margin-top:10px;width:100%;border-radius:0;}
.fa-globe{font-size:20px;}

/*Hover banner*/
.row.emg_row{--bs-gutter-x: 0.05rem;--bs-gutter-y: 0.05rem;}
.emg-hover-banner{margin-top:20px;}
.emg-hover-banner a{position:relative;display:block;border-radius:5px;}
.emg-hover-banner .emg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;background:#010101;z-index:10;border-radius:5px;overflow:hidden;opacity: .7;transition: opacity .5s ease-out;-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;text-align:center;}
.emg-hover-banner .emg-overlay span{position: relative; top: 50%;padding:5px 10px;z-index:11;background: rgba(0, 0, 0, 0.3);color:#fff;font-size:20px;font-weight:bold;text-transform:uppercase;}
.emg-hover-banner .emg-overlay:hover{opacity: 0;}
/*Section banner*/
.emg_banner_row{--bs-gutter-x: 0;}
.emg_banner_col{width:19%;float:left;}
.emg_banner_col:not(:last-child){margin-right:1.2%;}
.emg_banner_col img{width:100%;}
.emg_banner_col .emg_banner_row_top{width:100%;}
.emg_banner_col .emg_banner_row_bottom{width:100%;margin-top:1vw;}
@media(max-width: 767px){
.emg_banner_row .emg_banner_col{width:49%;margin-right:0;}
.emg_banner_row .emg_banner_col:nth-child(1), .emg_banner_row .emg_banner_col:nth-child(4){margin-right:2%;}
.emg_banner_row .emg_banner_col:nth-child(3){width:100%;margin-right:0;margin-top:2vw;margin-bottom:2vw;}
.emg_banner_row .emg_banner_col .emg_banner_row_bottom{width:100%;margin-top:2vw;}
.emg_banner_row .emg_banner_col:nth-child(3) .emg_banner_row_top{width:49%;margin-right:1.2%;display:inline-block;float:left;}
.emg_banner_row .emg_banner_col:nth-child(3) .emg_banner_row_bottom{width:48.5%;margin-top:0;margin-right:0;display:inline-block;float:right;}
.container .row .col-md-6{margin-bottom:2vw;}
.testimonial-main .swiper-slide>div{height:40vw !important;}
.testimonial-main .swiper-slide .col-md-6.float-start{float:none !important;}
.testimonial-main .swiper-slide .col-md-6.float-start .image{text-align:center;}
.testimonial-main .swiper-slide .col-md-6.float-start .image img{height:37vw !important;max-height:37vw !important;}
footer .insp-footer h4{white-space: normal;}
}
/*Breadcrumb*/
.breadcrumb{background:#fff;color:#ccc;margin-bottom:0;margin-top:15px;padding-bottom:5px;padding-top:10px;}
.breadcrumb > li.breadcrumb-item:first-of-type{padding-left:0;}
.breadcrumb > li.breadcrumb-item:last-of-type::after{display:none;}
.breadcrumb > li a{color:#ccc;}

/*Home*/
#common-home .cmn-arrow-left{position:absolute;top:50%;left:-40px;width:40px;padding:5px;border:none;background:#f7f7f7;} 
#common-home .cmn-arrow-left:hover{background:#f7f7f7;}
#common-home .cmn-arrow-left i{font-size:50px;color:#ccc;line-height:50px;}
#common-home .cmn-arrow-left i:hover{color:#000;}
#common-home .cmn-arrow-right{position:absolute;top:50%;right:-30px;width:40px;padding:5px;border:none;background:#f7f7f7;} 
#common-home .cmn-arrow-right:hover{background:#f7f7f7;}
#common-home .cmn-arrow-right i{font-size:50px;color:#ccc;line-height:50px;}
#common-home .cmn-arrow-right i:hover{color:#000;}
.tab-pro-title hr.horizontal-line{display:none;}
.tab-pro-title h3{text-align:left;padding-left:10px;padding-bottom:20px;font-size:20px;}
.container.hp2b .col-sm-6{margin:20px 0;}
.container.hp2b .col-sm-6, .container.hp2b .col-sm-6 h2, .container.hp2b .col-sm-6 h4{text-align:center;}
.container.hp2b .col-sm-6 h2{margin:10px 0;font-weight:bold;}
.container.hp2b .col-sm-6 img{max-width:100%;}
.container.hp2b .col-sm-6 .btn{font-weight:bold;}
.orange-row{padding:20px;text-align:center;color:#fff;font-size:20px;font-weight:bold;background:#f48221;line-height:30px;margin-left:-0.75rem;margin-right:-0.75rem;}
.hp1b{text-align:center;color:#fff;font-size:20px;font-weight:bold;line-height:30px;margin-left:-0.75rem;margin-right:-0.75rem;margin-top:20px;}
.hp1b img{width:100%;max-width:100%;}
.hp2b img{width:100%;max-width:100%;}
.shop-by-cat{margin-left:-0.75rem;margin-right:-0.75rem;padding-top:20px;padding-bottom:20px;background:#f7f7f7;}
.shop-by-cat .tab-pro-title{}
.shop-by-cat .giant-item-thumb{border:none;}
.shop-by-cat .giant-item-thumb .giant-item-img{background:#fff;border:1px solid #f5f5f5;}
.shop-by-cat .giant-item-thumb .giant-item-caption .giant-item-title a{color:#000;font-weight:bold;}
.shop-by-cat .giant-item-thumb .giant-item-caption .giant-item-title a:hover{color:#ccc;}
.shop-by-cat .giant-item-thumb .giant-item-caption .giant-item-subtitle{color:#000;text-align:center;}
#common-home .homepage-nav-tab{margin-bottom:0;border:none;}
#common-home .homepage-nav-tab .nav-item{margin:0;width:25%;}
#common-home .homepage-nav-tab .nav-item .nav-link{margin:0;border:1px solid #ccc;border-radius:0px;color:#000;text-transform:uppercase;font-weight:bold;}
#common-home .homepage-nav-tab .nav-item .nav-link.active{border:1px solid #000;color:#f48221;}
#common-home .homepage-nav-tab .nav-item .nav-link i{margin-right:5px;}

/*Category*/
.category-top-image{position:relative;display:flex;}
.category-top-image img{max-width:100%;}
.category-top-image .category-top-title{position:absolute;left:50px;top:50%;font-size:3vw;font-weight:bold;color:#fff;text-transform: uppercase;max-width:45%;display:table;line-height: 3.3vw;}
.category-top-image .category-top-info{position:absolute;right:50px;top:50%;margin-top:-1vw;font-size:1.3vw;color:#fff;max-width:45%;display:table;}
#pintaajaxfilter .list-group-item{border-left-width:0;border-right-width:0;}
#pintaajaxfilter .list-group-item h3{font-size:15px;font-weight:bold;color:#000;text-transform: uppercase;padding-top: 30px;}
#pintaajaxfilter .list-group-item .filter-category-link{color:#000;}
#pintaajaxfilter .list-group-item .filter-category-link:hover{color:#ccc;}
.pagination-alt-holder{position:relative;width:100%;}
.pagination-alt-holder .pagination .page-item{display:none;border:none;}
.pagination-alt-holder .pagination .page-item.item-alt-back{position:absolute;top:0;left:20px;display:block;}
.pagination-alt-holder .pagination .page-item.item-alt-next{position:absolute;top:0;right:20px;display:block;}
.pagination-alt-holder .pagination .page-item a{color:#000;background:#fff;border:none;}
.pagination-alt-holder .pagination .page-item a:hover{color:#ccc;background:#fff;}
.pagination-alt-holder .pagination-info-holder{position:relative;top:-25px;left:50%;margin-left:-25px;color:#000;width:100px;text-align:center;}

/*Product box*/
.box-wishlist{position:absolute;top:10px;right:10px;background:#fff;border:none;border-radius:100%;color:#000;}
.box-wishlist:hover{color:#f48221;}
/*.emg-options span{min-width: 29px;text-align: center;padding: 0 5px; border: 1px solid #666; border-radius: 3px;color: #fff;margin-right: 2px;margin-bottom: 2px;display: inline-block;background-color: #f48221;}*/
.promo-label-thumb{padding:5px 10px;color:#fff;background:#cb081e;border-radius:2px;position:absolute;top:5px;left:5px;}
/*.price-new{color:#cb081e;}*/
.price-new{font-size: 17px;font-weight: 600;}
.product-thumb .image{position:relative;}
.product-thumb .image .emg-options-content{position:absolute;bottom:20px;left:5%;width:90%;padding:10px;border-radius:5px;background:#fff;border:1px solid #ccc;display:none;}
.product-thumb .image .emg-options-button{position:absolute;bottom:20px;left:5%;width:90%;padding:10px;display:none;}
.product-thumb .image:hover .emg-options-button{display:block;}
.product-thumb .image .emg-options-button a.btn{width:100%;background:#000;color:#fff;font-weight:bold;border-radius:25px;padding:5px;text-align:center;display:block;}
.product-thumb .image .emg-options-button a.btn:hover{background:#666;}
.product-thumb .image .emg-options-content a.btn{width:100%;background:#000;color:#fff;font-weight:bold;border-radius:25px;padding:5px;text-align:center;display:block;}
.product-thumb .image .emg-options-content a.btn:hover{background:#666;}
.product-thumb .image .emg-options-content .thumb-buy-box{width:100%;margin:5px 0;}
.product-thumb .image .emg-options-content .thumb-buy-box.invalid{border:1px solid red;border-radius:5px;}
.product-thumb .image .emg-options-content .thumb-buy-box input[type=radio]{display:none;}
.product-thumb .image .emg-options-content .thumb-buy-box input[type=radio] + label{width:21%;margin:2% 1%;border:1px solid #ccc;border-radius:5px;display:inline-block;color:#000;font-weight:bold;padding:5px 0;cursor:pointer;}
.product-thumb .image .emg-options-content .thumb-buy-box input[type=radio]:checked + label{border:1px solid #f48221;color:#fff;background:#f48221;}
.product-thumb .nav.nav-tabs{border:none;}
.product-thumb .nav.nav-tabs .nav-item .nav-link{padding:0;border:1px solid #ccc;border-radius:50%;}
.product-thumb .nav.nav-tabs .nav-item .nav-link.active{padding:3px;border:1px solid #000;}
.product-thumb .nav.nav-tabs .nav-item .nav-link span{width:26px !important;height:26px !important;display:block;border-radius:50%;}
.product-thumb .nav.nav-tabs .nav-item .nav-link.active span{width:20px !important;height:20px !important;display:block;border-radius:50%;}
/*Product*/
#product-info .breadcrumb > li.breadcrumb-item > a{color:#b8b2b2;}
#product-info .breadcrumb > li.breadcrumb-item:first-of-type{padding-right:20px !important;}
#product-info .product-title{margin-top:15px;padding-top:10px;}
#product-info .free-info-detail{position:relative;padding:20px 20px 20px 50px;margin:10px 0;background:#f48221;color:#fff;border-radius:3px;}
#product-info .free-info-detail span{position:absolute;top:20px;left:20px;width:20px;height:20px;}
#product-info .free-info-detail span i{font-size:20px;}

#product-info .product-option-boxes .form-check{display:inline-block;padding-left:0;width:auto;margin-right:10px;margin-top:10px;margin-bottom:10px;}
#product-info .product-option-boxes .form-check:first-of-type{}
#product-info .product-option-boxes .form-check input[type=radio]{display:none;}
#product-info .product-option-boxes .form-check input[type=radio] + label{border:1px solid #f0f0f0;background:#fff;cursor:pointer;width:100%;font-size:13px;color:#6a6a6a;text-align:center;display:block;border-radius:3px;padding:5px 15px;}
#product-info .product-option-boxes .form-check input[type=radio]:checked + label{border:1px solid #818181;color:#000;font-weight:bold;}
#product-info .qty-plus-minus{display:none !important;}
#product-info .price-new,#product-info .price-old{color:#000;margin-right:10px;}
#product-info .price-new.price-special{color:#cb081e;margin-right:10px;}
#product-info .promo_save{margin-top:20px;font-size:14px;font-weight:bold;}
#product-info #button-cart{width:80%;text-align:center;padding:5px;border-radius:3px;background:#000;border:1px solid #000;border-radius:5px;color:#fff;}
#product-info #button-cart:hover{background:#666;border:1px solid #666;}
#product-info #button-cart i{font-size:16px;padding-top:3px;}
#product-info .wish_inline{float:right;padding:7px 10px;border:1px solid #ededed;border-radius:5px;}
#product-info .wish_inline i{font-size:16px;color:#000;}
#product-info .additional-icons li, #checkout-cart .additional-icons li{color:#000;margin-top:20px;font-weight:bold;display:block;font-size:14px;line-height:18px;}
#product-info .additional-icons li i, #checkout-cart .additional-icons li i{margin-right:10px;}
#product-info .additional-icons button, #checkout-cart .additional-icons button{border:none;background:#fff;color:#000;font-weight:bold;margin:0;padding:0;}
#product-info .product-icon{height:25px;width:auto;margin-right:10px;}
.promo-label{padding:2px 5px;color:#fff;background:#cb081e;border-radius:5px;}
#product-info #insp_gal1 a.slick-slide{text-align:center;}
#product-info #insp_gal1 a.slick-slide img{border:2px solid #ededed;margin:0 auto !important;border-radius:5px;}
#product-info #insp_gal1 a.slick-slide.zoomGalleryActive img{border:2px solid #999;}
#product-info .product-bottom-info h4{font-weight:bold;color:#f48221;text-transform: uppercase;padding-top: 20px;padding-bottom: 10px;font-size: 19px;line-height: 29px;}
#product-info .product-bottom-info div{color: #000;font-size: 14px;line-height: 30px;}
#product-info .tab-pro-title.related-title h3{padding:20px 0;border-top:none;text-align:left;margin-top:50px;}
@media(max-width: 991px){
    #product-info .product-bottom-info .col-sm-7, #product-info .product-bottom-info .col-sm-5{margin-top:20px;}
    #product-info .product-bottom-info .col-sm-6{width:50%;}
}
#product-info .p-subproduct-detail a{width:102px;height:77px;line-height:73px;border:1px solid #ededed;padding:0;text-align:center;display:inline-block;position:relative;overflow:hidden;}
#product-info .p-subproduct-detail a.active-variant{border:1px solid #333;}
#product-info .p-subproduct-detail a span{width:40px;height:40px;border-radius:50%;display:block;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;}
#product-info .location_link{width:48%;margin:1%;display:inline-block;color:#000;cursor:pointer;}
#product-info .location_link:hover{color:#ccc;}
#product-info .location_link i{color:#f48221;}
#product-info .related-title{margin-top:0;}
/*Product vertical*/
.image.magnific-popup.has-gallery{position:relative;padding-left:130px;}
.image.magnific-popup #insp_gal1{width:125px;position:absolute;left:0;top:20px;}
@media(max-width: 767px){
    .image.magnific-popup #insp_gal1{top:-20px;}
}
.image.magnific-popup #insp_gal1 a.slick-slide{margin-bottom:15px;}
.cmn-arrow-top,.cmn-arrow-bottom{width:30px;height:30px;border-radius:50%;z-index:100;background: #fff;padding: 4px 8px;border: 2px solid #ededed;cursor: pointer;position: absolute;text-shadow: none;}
.cmn-arrow-top{
  top: -15px;
  left: 50%;
  margin-left:-15px;
}
.cmn-arrow-bottom{
  bottom: 10px;
  left: 50%;
  margin-left:-15px;
}
.cmn-arrow-top:hover,.cmn-arrow-bottom:hover{
    border:1px solid #333;
    background: #333;
}
.cmn-arrow-top i, .cmn-arrow-bottom i{
  text-shadow: none;
}
.cmn-arrow-top:hover i, .cmn-arrow-bottom:hover i{
  color: #fff;
}

@media(max-width: 767px){
.cmn-arrow-top, .cmn-arrow-bottom{
    display: none !important;
  }
}

/*Cart*/
/*.cart-free-delivery{padding:20px !important;background:#fef3e9 !important;border-radius:3px !important;}
.cart-free-delivery .bar-holder{width:100%;background:#fac699;padding:0;height:10px;}
.cart-free-delivery .bar-holder .bar-content{float:left;margin-left:0;background:#f48221;height:10px;}
.cart-free-delivery a{color:#000;text-decoration:underline;}*/
.cart-free-delivery{padding:20px !important;background:#ededed !important;border-radius:3px !important;}
.cart-free-delivery .bar-holder{width:100%;background:#999;padding:0;height:10px;}
.cart-free-delivery .bar-holder .bar-content{float:left;margin-left:0;background:#333;height:10px;}
.cart-free-delivery a{color:#000;text-decoration:underline;}
#checkout-cart .cart-free-delivery{color:#000;font-weight:bold;margin-bottom:20px;}
#checkout-cart .cart-free-delivery a{font-weight:normal;}
#checkout-cart .cart-free-delivery .bar-holder{width:50%;margin:0 auto;}

#checkout-cart #checkout_bc{width:100%;height:40px;margin:20px 0;position:relative;}
#checkout-cart #checkout_bc .bar-holder{width:100%;background:#f2f2f2;padding:0;height:3px;z-index:1;position:absolute;top:18px;z-index:2;}
#checkout-cart #checkout_bc .bar-holder .bar-content{height:3px;position:absolute;left:0;width:15%;background:#999;}
#checkout-cart #checkout_bc .step0{width:30px;height:30px;position:absolute;left:0;top:5px;border:1px solid #666;z-index:5;background:#666;color:#fff;text-align:center;line-height:30px;font-size:14px;border-radius:50%;}
#checkout-cart #checkout_bc .step1{width:30px;height:30px;position:absolute;left:15%;top:5px;border:1px solid #666;z-index:5;background:#666;color:#fff;text-align:center;line-height:30px;font-size:14px;border-radius:50%;}
#checkout-cart #checkout_bc .step2{width:30px;height:30px;position:absolute;left:40%;top:5px;border:1px solid #999;z-index:5;background:#fff;color:#999;text-align:center;line-height:30px;font-size:14px;border-radius:50%;}
#checkout-cart #checkout_bc .step3{width:30px;height:30px;position:absolute;left:65%;top:5px;border:1px solid #999;z-index:5;background:#fff;color:#999;text-align:center;line-height:30px;font-size:14px;border-radius:50%;}
#checkout-cart #checkout_bc .step4{width:30px;height:30px;position:absolute;left:90%;top:5px;border:1px solid #999;z-index:5;background:#fff;color:#999;text-align:center;line-height:30px;font-size:14px;border-radius:50%;}


#checkout-cart h1{text-align:center;}
#checkout-cart h1 .float-end{font-size:14px;font-weight:normal;}
#checkout-cart h1 .float-end a{line-height:1.2;color:#000;text-decoration:underline;}
#checkout-cart .float-end, #checkout-cart .float-start{padding:10px;}
#checkout-cart .promo_label{padding:5px;border-radius:50%;background:#cb081e;color:#fff;font-size:10px;width:30px;height:30px;display:block;position:absolute;top:0;left:0;}
#checkout-cart .price-is-promo{color:#cb081e;}
#checkout-cart .product-icon{height:25px;width:auto;margin-right:10px;}
.top-cart-drop td{border:none;}
.top-cart-drop td i{color:#ccc;}
.top-cart-drop tr{position:relative;}
.top-cart-drop .header-cart-remove{width:25px;height:25px;position:absolute;right:5px;bottom:5px;}
.top-cart-drop .header-cart-cart{width:100%;padding:5px;margin:5px 0;border:1px solid #000;background:#fff;color:#000 !important;font-weight:bold;border-radius:3px;}
.top-cart-drop .header-cart-cart:hover{color:#000;}
.top-cart-drop .header-cart-checkout{width:100%;padding:5px;margin:5px 0;border:1px solid #333;background:#333;color:#fff !important;font-weight:bold;border-radius:3px;}
.top-cart-drop .header-cart-checkout:hover{color:#fff;}
#checkout-cart .cart-coupon-module{padding:10px;border:none;border-radius:3px;margin-bottom:20px;}
#checkout-cart .cart-coupon-module .col-md-8{padding-right:0 !important;}
#checkout-cart .cart-coupon-module .col-md-4{padding-left:0 !important;}
#checkout-cart .cart-coupon-module .col-md-8 input{border-radius:3px 0 0 3px !important;}
#checkout-cart .cart-coupon-module .col-md-4 button{border:1px solid #333 !important; background:#333;border-radius:0 3px 3px 0 !important;height:40px;font-weight:bold;}
#checkout-cart .cart-coupon-module .col-md-4 button:hover{background:#666;}
#checkout-cart .cart-total-module{padding:10px;border:nonec;border-radius:3px;margin-bottom:20px;}
#checkout-cart .cart-to-checkout{width:100%;border-radius:3px;color:#fff;background:#333;border:1px solid #333;font-weight:bold;}
#checkout-cart .cart-to-checkout:hover{color:#fff;background:#666;border:1px solid #666;}
#checkout-cart .cart-content-info, #checkout-cart .cart-content-info a, #checkout-cart .cart-content-info a:hover, #checkout-cart .cart-content-info code{color:#000;}
#checkout-cart .cart-content-info td{border:none !important;}
/*#checkout-cart .cart-content-info tr{border-bottom:1px solid #ccc !important;}*/
#checkout-cart .cart-content-info thead td{font-weight:bold;}
/*#checkout-cart .cart-cell-button{font-size:12px;width:100%;margin-top:20px;}
#checkout-cart .cart-cell-button i{margin-right:5px;}
#checkout-cart .cart-cell-button button{margin-left:10px;border:none;background:#fff;color:#000;}*/

#checkout-cart .emg-options-content .thumb-buy-box .btn{padding:5px 15px;border-radius:5px;}
#checkout-cart .emg-options-content .thumb-buy-box input[type=radio]{display:none;}
#checkout-cart .emg-options-content .thumb-buy-box input[type=radio] + label{margin:2% 1%;border:1px solid #ccc;border-radius:5px;display:inline-block;color:#000;font-weight:bold;padding:5px 10px;cursor:pointer;}
#checkout-cart .emg-options-content .thumb-buy-box input[type=radio]:checked + label{border:1px solid #f48221;color:#fff;background:#f48221;}
#checkout-cart .cart-color{width:20px;height:20px;margin-right:5px;border:1px solid #000;border-radius:50%;display:inline-block;}
#checkout-cart .cart-option{height:20px;border:1px solid #ccc;border-radius:5px;padding:2px 5px;cursor:pointer;}
#checkout-cart .cart-option:hover{background:#f2f2f2;}
#checkout-cart .cart-option .fa-solid{margin-left:10px;}
#checkout-cart .cart-option .fa-angle-down, #checkout-cart .cart-option .fa-angle-up{color:#f48221;}
#checkout-cart .emg-changeq .btn-minus, #checkout-cart .emg-changeq .btn-remove{border:1px solid #ced4da;border-radius:5px 0 0 5px;line-height:27px;}
#checkout-cart .emg-changeq .btn-minus:hover .fa, #checkout-cart .emg-changeq .btn-remove:hover .fa{color:#f48221;}
#checkout-cart .emg-changeq .btn-plus{border:1px solid #ced4da;border-radius: 0 5px 5px 0;line-height:27px;}
#checkout-cart .emg-changeq .btn-plus:hover .fa{color:#f48221;}
#checkout-cart .emg-changeq input{max-width:50px;}

#checkout-cart .button_option_cancel{background:#fff !important;border:1px solid #000 !important;color:#000 !important;text-transform:none !important;}
#checkout-cart .button_option_save{background:#000 !important;border:1px solid #000 !important;color:#fff !important;text-transform:none !important;}
#checkout-total tr:last-child td{font-size:20px;font-weight:bold;}
/*#floating-cart{position:fixed;top:50%;right:20px;margin-top:-250px;width:400px;height:500px;padding:10px;background:#fff;border:1px solid #f7f7f7;border-radius:5px;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 7%);display:none;}*/
#floating-cart{position:fixed;top:100px;right:20px;width:400px;height:500px;padding:10px;background:#fff;border:1px solid #f7f7f7;border-radius:5px;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 7%);display:none;}
#floating-cart-list{width:380px;height:480px;overflow-y:scroll;}

#checkout-cart td.cart-thumb{width:250px;}
@media (max-width: 1199px) {
    #checkout-cart .cart-content-info{width:100%;}
    #checkout-cart tr.cart-row{position:relative !important;height:180px;}
    #checkout-cart tr.cart-row td.cart-info{position:absolute;top:0;left:0;right:0;}
    #checkout-cart tr.cart-row td.cart-info small{position:absolute;top:-15px;left:0;}
    /*
    #checkout-cart tr.cart-row td.cart-info .cart-cell-button{width:330px;position:absolute;right:0;top:120px;}
    #checkout-cart tr.cart-row td.cart-info .cart-cell-button button{margin-left:5px;}
    #checkout-cart tr.cart-row td.cart-info .cart-cell-button .thumb-buy-box{background:#fff;position:relative;z-index:10;border:1px solid #ddd;border-radius:3px;padding:5px;}
    */
    #checkout-cart td.cart-thumb{width:100px;position:absolute;top:70px;left:0;}
    #checkout-cart td.cart-qty{position:absolute;top:60px;right:0;}
    #checkout-cart .cart-total-info{width:100%;}
}
@media (min-width: 1200px) and (max-width: 1499px) {
    #checkout-cart td.cart-thumb{width:150px;}
}
/*Checkout*/
@media (max-width: 1199px) {
#checkout-checkout .emg-checkout-step1>div{margin-left:0 !important;margin-right:0 !important;width:100%;height:auto;}
}

/*Filter*/
.ajax-filter .title:not(.fattrgroup) h4 {display: none;}
.ajax-filter .title.fattrgroup{text-transform:uppercase;}
.alert-success {color: #0f5132;background-color: #ffffff;border-color: #badbcc;}
.ajax-filter .list-group-item label {font-size: 13px !important;}
#pintaajaxfilter #pintaajaxfilter_form .list-group-item .switch13, #pintaajaxfilter #pintaajaxfilter_form .list-group-item .switch14{width:30%;display:inline-block;}
#pintaajaxfilter #pintaajaxfilter_form .list-group-item .switch13 label, #pintaajaxfilter #pintaajaxfilter_form .list-group-item .switch14 label{width:100%;display:block;padding-left:0;text-align:center !important;}
#pintaajaxfilter #pintaajaxfilter_form .list-group-item .switch13 .filter_option_image, #pintaajaxfilter #pintaajaxfilter_form .list-group-item .switch13 .filter_option_name{width:100%;text-align:center !important;}
#pintaajaxfilter #pintaajaxfilter_form .list-group-item .switch13 .filter_option_image div{width:30px;height:30px;border-radius:50%;margin:0 auto !important;}
#pintaajaxfilter #pintaajaxfilter_form .list-group-item .switch13 .filter_option_name{color:#000;font-size:11px;font-weight:bold;}

@media (min-width: 992px) {
#logo{height:65px;display:table-cell;vertical-align:middle;}
.dropdown-account:hover>.dropdown-menu {display: block;}
}
@media (max-width: 991px) {
/*header .row>div.col-md-2{width:26%;overflow:hidden;}
header .row>div.col-md-5{width:37%;overflow:hidden;}*/
header .row>div{width:auto;}
header .row.header-middle-section{position:relative;}
header .row.header-middle-section .emg_menu_holder{width:10%;}
header .row.header-middle-section .emg_logo_holder{width:30%;}
header .row.header-middle-section .emg_icon_holder{width:45%;}
header .row.header-middle-section .col-md-12{width:100%;}
#logo{height:40px;display:table-cell;vertical-align:middle;}
}
.dropdown-account .dropdown-menu a, .dropdown-account .dropdown-menu a:hover{color:#666;background:#fff;}
.dropdown-account .dropdown-menu a i{color:#666;margin-right:10px;}
.dropdown-account .dropdown-menu a:hover i{color:#f48221;}
#account-login .btn.btn-primary, #account-login .btn.btn-primary:hover{background:#666;border:none;color:#fff;}
#account-login .btn.btn-primary:hover{background:#f7f7f7;border:none;color:#000;}

/* Menu T*/
#logo{padding-top:20px;}
#logo img{width:200px;}
.emg_search_container{position:absolute;right:180px;top:12px;width:400px;display:none;}
.emg_search_container_m{position:relative;width:100%;display:none;}
.emg_search_container input, .emg_search_container_m input{border-top:none !important;border-left:none !important;border-right:none !important;border-radius:0 !important;}
#search_switch i.fa-magnifying-glass{font-size:20px;color:#333;font-style:normal;}
#search_switch i.fa-times{font-size:24px;color:#333;font-style:normal;}
#mySidenav{z-index:10000;}
@media(min-width: 992px){
#ecat227 #narbar-menu{position:relative;}
#menu .navbar-nav > li > a{text-transform:none;font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  letter-spacing: .25px;
  text-align: left;
  white-space: nowrap;color:#000;}
#ecat227 #narbar-menu .dropdown-menu{position:absolute;left:0 !important;right:0 !important;/*margin-left:0 !important;margin-right:0 !important;*/width:99.2vw;border:1px solid #ededed;}
#menu .dropdown-inner a{min-width:15vw;text-transform:none;padding: 5px 18px;border:none;}
#menu .dropdown-inner h5{font-size:14px;font-weight:bold;padding: 5px 18px;}
}
#menuTabContent{padding:0 10px;}
#menuTabContent li{margin-bottom:5px;border:1px solid #ddd;border-radius:3px;}
#menuTabContent a{font-size:12px;line-height:24px;text-transform:uppercase;color:#333;text-align:left;padding:5px 10px;}

/* Menu Shops*/
.vertical-menu {
  width: 100%; 
}

.vertical-menu a {
  background-color: #eee; /* Grey background color */
  color: black; 
  display: block; 
  padding: 12px; 
  text-decoration: none; 
}

.vertical-menu a:hover {
  background-color: #ccc; 
}

.vertical-menu a.active {
  background-color: #f48221;
  color: white;
}