/*your custom css goes here*/
/* ===================================
1. General
==================================== */

body {
    font-family:"Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6em;
    color: #8D8D8D
}

a:active {
    outline: 0;
}
p { font-family:"Inter", sans-serif;  font-size: 13px; line-height: 1.6em; font-style: normal; font-variant: normal; font-weight: 400;  }
.clear {
    clear: both;
}

p.note {
    font-family:"Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6em;
    color: #8D8D8D;
	text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
    font-family:"Inter", sans-serif;
    font-weight: 600;
    line-height: 1.3em;
    color: #8D8D8D
}

 a {
    color: #000;
}
p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
/**************
according menu
*******************/
ul.menu {
  padding: 0;
  list-style: none;
  width: 100%;
  font-family:"Inter", sans-serif;
  clear: both;
  display: table;
  margin-bottom: 100px;
  background: #df6b38;
  color: #fff;
}
ul.menu .list {
  font-size: 13px;
  border-bottom: 1px solid #fff;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  vertical-align: sub;
  clear: both;
}
ul.menu .list:after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .list:before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .list a {
  text-decoration: none;
  color: #fff;
  padding: 2px 0px 10px 30px;
  display: block;
  height: 100%;
  box-sizing: border-box;
}
ul.menu .list a:hover {
  background-color: #763e27;
  transition: 300ms all;
  color: #000;
}
ul.menu .list .items {
  height: 0px;
  overflow: hidden;
}
ul.menu .list .items a {
  padding: 17px;
}
ul.menu .list .items a:hover {
  background-color: #3f5d79;
  color: #000;
  transition: 300ms all;
}
ul.menu .list:last-child {
  border-bottom: none;
}
ul.menu .active:after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .active:before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  left: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #fff;
}
ul.menu .active > .items {
  display: block;
  background: #23313f;
  padding: 0px;
  height: auto;
  color: #fff;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 200ms;
  clear: both;
  float: left;
  width: 100%;
}
ul.menu .active > .items li {
  padding: 0px;
  border-bottom: 1px solid #324252;
  list-style: none;
}
ul.menu .active > .items li:last-child {
  border-color: transparent;
  padding-bottom: 0px;
}
ul.menu .active > .items .active > .items {
  background-color: #2f4b67;
}
ul.menu .active > a {
  color: #46efa4;
  text-transform: uppercase;
  font-weight: bold;
}
ul.menu .active .list {
  background: #697d92;
}
ul.menu .active .list a {
  padding: 17px 0px 17px 45px;
}
/*****************************  image effect  ***************************/
/* Shine */
.prod_num{
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #000;
}