.tiny-breadcrumbs {
    border-radius: 5px;
    background-color: #fff;
    display: inline-flex;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
.tiny-breadcrumbs span {
  display: inline-table;
  float: right;
  font-weight: 200;
  height: 30px;
  background: var(--pry-color);
  border-radius: 0 5px 5px 0;
  text-align: center;
  padding: 5px 10px 0 10px;
  position: relative;
  margin: 0 0 0 13px;
  text-decoration: none;
  color: #fff;
}
.tiny-breadcrumbs span::after {
    content: "";
    position: absolute;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 10px solid var(--pry-color);;
    left: -10px;
    top: 0;
}
.W100{
  width: 100%;
}
div.pagonation-limit-writers,
div.show-type-writers{
  position: relative;
}
div.pagonation-limit-writers span,
div.show-type-writers span{
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  padding: 10px;
}
div.pagonation-limit-writers select,
div.show-type-writers select{
  float: left;
  vertical-align: baseline;
  margin: 7px 0 0 10px;
  font-size: 0.8rem;
  font-weight: 200;
  border-radius: 8px;
  padding: 1px 10px 1px 10px;
  min-width: 80px;
  border: none;
  background: #eee;
  font-family: "IRANSNum";
}
div.brands-list a{
     /* padding: 0; */
    display: flex;
    /* margin: 0.5rem; */
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    /* box-shadow: 0px 1px 4px 0px #c9c9c9; */
    /* background: #fff; */
    /* background: linear-gradient(to right, #fff 50%, #23364b 50%); */
    /* background-size: 200% 100%; */
    /* background-position: left bottom; */
    /* transition: all .5s ease-out;*/
}
:root{
  --tri-color: #005eaf;
  --pry-color: #0079ff;
  --sec-color: #00c4ff;
  --header-color: black;
  --border-radius: 12px;
  --border-width: 1px;
  --box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --gray-dark: #343a40;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --border-style: solid ;
  --body-bg: #ffffff;
}

.pallet {
    border-radius: var(--border-radius);
    border-width: var(--border-width);
    box-shadow: var(--box-shadow-sm);
    border-color: var(--gray-200);
    border-style: var(--border-style);
    background: var(--body-bg);
}
.u-header {
  border-bottom: solid 4px var(--pry-color);
  padding-bottom: 1rem;
  font-weight: 500;
  margin-bottom: 0;
  display: inline-block;
  color: var(--header-color);
  font-size: 1.4rem;
}
.line-header {
    border-bottom: solid 4px var(--pry-color);
    padding-bottom: 1rem;
    font-weight: 500;
    margin-bottom: 0;
    display: inline-block;
    color: var(--header-color);
    font-size: 1.1rem;
}
.u-header ~ p{
  line-height: 2rem;

}

div.brands-list a:hover{
  background-position: right bottom;
}
div.brands-list a img{
  width: 60px;
  height: auto;
  background: #fff;
  margin: 3px;
}
div.brands-list a h2{
  width: 100%;
  color: #7a7a7a;
  margin: 0 1rem 0 0;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 200;
}
div.brands-grids{
margin: 0 1rem;
display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: space-evenly;
}

div.brands-grid{
  margin: 0.5rem;
  background: white;
  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
div.brands-grid a{
z-index: 2;
}
div.brands-grid h2{
  margin: 0.5rem 0;
  font-size: 1rem;
  text-align: center;
  color: #23364b;
}
div.brands-grid img{
  margin: 0.5rem;
  filter: drop-shadow(0 0 1px #bbb);
}
img.wcf-logo{
float:left;
filter: drop-shadow(1px 1px 0px #c5c5c5);
    -webkit-filter: drop-shadow(1px 1px 0px #c5c5c5);
}

div.pagonation-limit-brands select,
div.pagonation-limit-brands select:focus-visible,
div.pagonation-limit-brands select:hover,
div.show-type-brands select,
div.show-type-brands select:focus-visible,
div.show-type-brands select:hover
{
  font-family: 'IRANSNum';
  outline: none;
  padding: 0.3rem 1rem;
  display: inline-block;
  border: none;
  color: #7a7a7a;
  width: 100%;
  background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
}


div.pagonation-brands a{
  font-family: 'IRANSNum';
  padding: 0.6rem 1rem;
  display: inline-block;
  background-color: #fff;
      border-radius: var(--border-radius);
    color: #000;
    text-decoration: none;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
}

div.pagonation-brands a.apagon{
  color: #fff;
  text-decoration: none;
  background-color: #005eaf;
}

.top-header-brands{
  margin-bottom: 1rem;
}
div.sort-brands{
  width: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
}
div.sort-brands p{
  float: right;
  text-align: right;
  margin: 0;
  padding: 0.5rem;
}

/*start od homeend.tpl*/
a.HomeEndcolall {
  float: left;
    position: absolute;
    left: 2rem;
    font-weight: 100;
    font-size: 0.8rem;
    color: #1689ca;
    top: 1rem;
}
a.HomeEndcolall:hover {
  text-decoration: underline;
}
section.HomeEnd{
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  margin-bottom: 1rem;
}
section.HomeEnd div.HomeEndcol{
  margin-bottom: 1rem;
  background-color: #fff;
  padding: 1rem;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
section.HomeEnd div.HomeEndcol h3{
    border-bottom: solid 4px #1689ca;
    display: table-cell;
    padding-bottom: 1rem;
    font-weight: 300;
    text-align: right;
    color: #000;
}
.SmallBoxSet, .MediumBoxSet {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.SmallBox {
  margin-bottom: 1rem;
    padding: 5px;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    padding-bottom: 1rem;
}
.SmallBox>div {
    height: 96px;
}
.SmallBox img.circle {
  border-radius: 3px;
  filter: drop-shadow(0px 0px 1px #aaa);
  -webkit-filter: drop-shadow(0px 0px 1px #aaa);
}
.SmallBox img {
  width: 80px;
  height: 80px;
}
.SmallBox .text {
  font-size: 12px;
  padding-top: 10px;
  text-align: center;
  color: #505050;
}
/*end of homeend.tpl*/
.micro-logo{
  position: absolute;
  z-index: 1;
  left: 1rem;
  width: 7rem;
}
.service-wrapper-products {
    background: ##d8d8d8;
    text-align: center;
    color: #444;
}
.service-wrapper-products.refill {
    background: #23364b;
    text-align: center;
    color: #fff;
}
.service-wrapper-products div div {
    display: inline-block;
    padding: 15px;
    text-align: center;
}
.service-wrapper-products div div h4{
font-weight: 500;
font-size: .8rem;
}
.text-left{
  text-align: left;
}
.intro {
  position: relative;
  margin: 2em;
  padding: 0.2em 0.6em;
  cursor: pointer;
  color: #fff;
  font-size: 2em;
  max-width: 26em;
}
.intro h1 {
  margin-bottom: 0.5em;
  line-height: 1;
  font-weight: 100;
}
.intro p {
  color: #fff;
  font-weight: 100;
}
#CrossFade {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 300px;
  overflow: hidden;
  position: relative;
}
#CrossFade img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  background: #000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.4) rotate(12deg);
          transform: scale(1.4) rotate(12deg);
  -webkit-animation: CrossFade 24s infinite;
          animation: CrossFade 24s infinite;
          width: 100%;
}
#CrossFade img:nth-child(3) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
#CrossFade img:nth-child(2) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}
#CrossFade img:nth-child(1) {
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
}
@-webkit-keyframes CrossFade {
  25% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
  40% {
    opacity: 0;
  }
}
@keyframes CrossFade {
  25% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
  40% {
    opacity: 0;
  }
}

.head-title h2 {
    text-align: center;
    padding: 0;
}
.head-title h2 {
    text-align: center;
    line-height: 40px;
    padding: 0 0 10px;
    font-size: 2.4rem;
    font-weight: 300;
     text-shadow: 0px 2px 7px #050f1d;
}
  .color-white{
    color: #fff;
  }
  .form-control {
    display: block;
    width: 100%;
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.fal_input {
    height: 40px !important;
    font-size: 14px;
    width: 100% !important;

}
.title-regular {
    text-align: center;
    font-weight: 500;
    line-height: 2.2;
    text-shadow: 0px 2px 7px #050f1d;
}

.title-regular div {
    padding: 18px 10px 30px
}

.title-regular div p {
    font-size: 14px;
    font-weight: 300;
    display: inline;
    color: #fff;
}
.title-large {
  color: #fff;
    font-size: 1.6em;
    font-weight: 300;
    padding-top: 1px;
    line-height: 1.44444;
    text-shadow: 0px 2px 7px #050f1d;
}
.title-larger {
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.675;
    text-shadow: 0px 2px 7px #050f1d;
}
.title-regular div i {
    display: inline;
    font-size: 31px
}
.hero-section-content-container{
  padding-top: 1rem;
    background: rgba(0,0,0,0) url(/assets/refillback.jpg) no-repeat center center/cover;
}
.btn-sbmt {
    background: #37acfb;
    color: #fff;
    font-weight: 500;
}
.btn-sbmt:hover {
    background: #194a6b;
    color: #fff;
}
.ajax{
  display: none;
}
.result.form-control{
    border-color: #00bb6d;
    color: #fff;
    background-color: rgba(0,255,125,0.44);
}
.error.form-control{
    border-color: #a42121;
    color: #fff;
    background-color: rgba(211,36,36,0.58);
}
.loader{
display:none;
}
p.loader{
  color: #fff;
}
div.loader {
  margin-top:1rem;
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.ppagemanu.manufacturer-logo{
margin-top: 1rem;

}
.line-through{
  text-decoration: line-through;
}
ul.reshu{
  margin-bottom: 0;
  border-top: 1px solid #eee;
  padding-top: 1rem;
}
ul.reshu i{
  display: inline-block;
  font-size: 13px;
  color: #0079ff;
  vertical-align: middle;
}
ul.reshu li{
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  color: #444;
  margin-left : 1rem;
}
ul.reshu i.reshured{
  color: #e81f1f;
}

.info-bar{
  box-shadow: 0 0 20px 0 #c7c7c7;
  width: 100%;
  height: 45px;
  background: #ffffff;
  border-bottom: 3px dashed;
  color: #043d5f;
}
.wrapper2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:90%;
}

.info-bar .info-bar-slogan {
    float: right;
    margin-right: 10px;
    font: 14px/45px IRANSans;
}
.info-bar .info-bar-slogan a{
color: #23364b;
}
.info-bar .info-bar-slogan.mobile{
    float: none;
    display: block;
    text-align: center;
}

.info-bar ul li {

     float: left;
    font: normal 13px/45px IRANSNum;
    margin: 0 64px 0 0;
}
.block-contact.links.wrapper > div > a {
color: #7a7a7a;
}
.info-bar .wrapper2 .inner-wraper  ul li a{
   color: #23364b;
}
.info-bar ul li i{
    margin-right: 10px;
}


  @media (min-width: 888px){
.postscript-second {
    padding: 50px 0;
}
}

.postscript-second {
    background-color: #fff;
    /*background-image: url(/assets/subscription.jpg);*/
    background-position: center;
    padding: 20px 0;
    background-size: contain;
}
.layout-center {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    max-width: 1160px;
    max-width: 1566px;
}
@media (min-width: 1111px){
.layout-24col {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 0;
}
}
.layout-24col {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 1111px){
.layout-24col:before {
    content: "";
    display: table;
}
}
.layout-24col:before {
    content: "";
    display: table;
}
.layout-24col__full {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}
.postscript-second p {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 1rem;
}
.subscription-form {
    max-width: 480px;
    display: block;
    margin: 0 auto;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.07);
    border-radius: 21px;
}
[dir="rtl"] .subscription-form .input {
    padding: 0 21px 0 10px;
    float: right;
    border-radius: 0 21px 21px 0;
}
[dir="rtl"] .subscription-form .submit {
    float: right;
    border-radius: 21px 0 0 21px;
}
.subscription-form .submit {
    width: 25%;
    height: 42px;
    line-height: 42px;
    float: right;
    padding: 0;
    background-color: #293E6B;
    color: #fff;
    border: none;
    border-radius: 8px 0 0 8px;
    outline: none;
}
.subscription-form .submit:hover {
    background-color: #1a2c51;
}
.subscription-form .input {
    background-color: #eeeeee;
    width: 75%;
    height: 42px;
    line-height: 42px;
    float: right;
    padding: 0 10px 0 21px;
    border: none;
    border-radius: 0 8px 8px 0;
    outline: none;
    direction: ltr;
    text-align: center;
}

.product-description p{
  font-weight: 400;
  line-height: 2rem;
  color: #3a3a3a;
}
.product-description ol{
  font-weight: 400;
  line-height: 2rem;
  color: #3a3a3a;
}
.footer-bottom {
    font-size: .7rem;
    width: 100%;
    height: 40px;
    background-color: #293E6B;
    border-top: 1px solid #293E6B;
}
.footer-bottom-inner {
    max-width: 90%;
    margin: auto;
}


/* Style the buttons inside the tab */
/* Change background color of buttons on hover */
.tab button:focus {
  outline: none;
}
/* Change background color of buttons on hover */
.tab button:hover {
   border-bottom: solid 4px grey;
}

/* Create an active/current tablink class */

/* Style the tab content */

.espamira {
    /*base colour*/
    background-color: #f3eaec;
    /*these control the width of the stripes*/
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    background-image:
      -webkit-gradient(linear, 0 0, 100% 100%,
      color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
      color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
      color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
      to(transparent));
    background-image:
      -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
      transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
      transparent 75%, transparent);
    background-image:
      -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
      transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
      transparent 75%, transparent);
    background-image:
      -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
      transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
      transparent 75%, transparent);
    background-image:
      -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
      transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
      transparent 75%, transparent);
    background-image:
      linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
      transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
      transparent 75%, transparent);
}
.thumbnail-container2 {
  position: relative;
  margin: 1px;
  background: #fff;
  box-shadow: 0 0 5px 1px #d8d5d5;
}

.product-title2 {
    width: 100%;
    background: #f7f7f7;
    font-size: .875rem;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    margin: 0;
    direction: rtl;
    min-height: 40px;
}
.product-title2 a {
    font-size: 12px;
    color: #000;
    padding: 2px;
    line-height: normal;
}
.product-description2 {
    z-index: 1;
    padding: 0 0 10px 0;
    background: #f7f7f7;
    bottom: 0;
}
.owl-stage {
    margin: 0rem auto 0rem auto;
}
.product-price-and-shipping{
direction: rtl;
font-size: 0.7em;}
.eshomecrousel{
direction:ltr;
}
.regular-price2{
color:#f00;
text-decoration: line-through;
}
.button-probox{
 font-size:0.7em;
    padding: 1em;

}

.date_upd{
color:grey !important;
font-size: 0.7em;
}
.center{
text-align:center;
}
.button-container{
text-align:center;
direction:rtl;
}



.faq{
    background-color: #fff1ea;
    padding: 5%;
}
.faq h3{
    text-align: center;
    width: 100%;
    color: #009fe1;
}
.faq ul li{
    font-size: 1.3em;
    color: #8f8a87;
    padding: 1% 7%;
    transition: .3s ease all;
}
.faq ul li:hover{
    color: #686664;
    cursor: pointer;
}
.faq .fa-plus{
    border: 1px solid;
    padding: 0.1em;
    border-radius: 70%;
    font-size: 10px;
    margin-left: 1%;
    color: #a1a0a0;
}
.close{
    display: none;
}
.read-more-btn-faq{
    padding: 1% 2%;
    width: 14%;
    border-radius: 40px;
    margin: 1% auto;
    background: #fff;
    color: #f49b6e;
    font-weight: bold;
}
.read-more-btn-faq:hover{
    color: #d88961;
}
.hidden{
    display: none;
}
/* compare */
/* faq */
.cd-faq-trigger{
    color: #4b4b4b;
}
.cd-faq-title h2{
    color: #f49b6e;
    font-size: 1.4em;
}
.cd-faq-content p{
    padding: 1em 5em;
}
.cd-faq-categorie{
    visibility: hidden !important;
}
/* faq */

/* product mattress */
.mattress-type h5{
    color: #676c7a;
    margin: 8%;
}
.mat{
    padding-bottom: 5%;
    border: 1px solid #f1f1f1;
    border-bottom: none;
    background-color: #fff;
}
.mat:hover{
    background-color: #f4f4f4;
}

.cd-faq {
  width: 98%;
  margin: auto;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.cd-faq:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .cd-faq {
    position: relative;
    /*margin: 4em auto;*/
    box-shadow: none;
  }
}

.cd-faq-categories a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding: 0 28px 0 16px;
  background-color: #4e5359;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  white-space: nowrap;
  border-bottom: 1px solid #555b61;
  text-overflow: ellipsis;
}
.cd-faq-categories a::before, .cd-faq-categories a::after {
  /* plus icon on the right */
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  height: 1px;
  width: 10px;
  background-color: #7f868e;
}
.cd-faq-categories a::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cd-faq-categories li:last-child a {
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  .cd-faq-categories {
    width: 20%;
    float: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    display: none;
  }
  .cd-faq-categories a {
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 600;
    padding-left: 24px;
    padding: 0 24px;
    -webkit-transition: background 0.2s, padding 0.2s;
    -moz-transition: background 0.2s, padding 0.2s;
    transition: background 0.2s, padding 0.2s;
  }
  .cd-faq-categories a::before, .cd-faq-categories a::after {
    display: none;
  }
  .no-touch .cd-faq-categories a:hover {
    background: #555b61;
  }
  .no-js .cd-faq-categories {
    width: 100%;
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-faq-categories {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 2;
  }
  .cd-faq-categories a::before {
    /* decorative rectangle on the left visible for the selected item */
    display: block;
    top: 0;
    right: auto;
    left: 0;
    height: 100%;
    width: 3px;
    background-color: #a9c056;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .cd-faq-categories .selected {
    background: #42464b !important;
  }
  .cd-faq-categories .selected::before {
    opacity: 1;
  }
  .cd-faq-categories.is-fixed {
    /* top and left value assigned in jQuery */
    position: fixed;
  }
  .no-js .cd-faq-categories {
    position: relative;
  }
}

.cd-faq-items {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  background: #ffffff;
  padding: 0 5% 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(100%);
  -moz-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  -o-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-faq-items.slide-in {
  -webkit-transform: translateZ(0) translateX(0%);
  -moz-transform: translateZ(0) translateX(0%);
  -ms-transform: translateZ(0) translateX(0%);
  -o-transform: translateZ(0) translateX(0%);
  transform: translateZ(0) translateX(0%);
}
.no-js .cd-faq-items {
  position: static;
  height: auto;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 768px) {
  .cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    float: right;
    overflow: visible;
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    padding: 0;
    background: transparent;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-faq-items {
    float: none;
    width: 100%;
  }
  .no-js .cd-faq-items {
    padding-left: 0;
  }
}

.cd-close-panel {
  position: fixed;
  top: 16px;
border-radius: 1px;
margin-top: 15px;
background-color: #009FE1;
padding: 2px 10px;
line-height: 21px;
color: #fff;
  z-index: 2;

}

.cd-close-panel.move-left {
  left: 15%;
}
@media only screen and (min-width: 768px) {
  .cd-close-panel {
    display: none;
  }
}

.cd-faq-group {
  display: none;
}
.cd-faq-group.selected {
  display: block;
}
.cd-faq-group .cd-faq-title {
  background: transparent;
  box-shadow: none;
  margin: 1em 0;
}
.no-touch .cd-faq-group .cd-faq-title:hover {
  box-shadow: none;
}
.cd-faq-group .cd-faq-title h2 {
  color: #23364b;
  font-size: 1.4em;
}
.no-js .cd-faq-group {
  display: block;
}
@media only screen and (min-width: 768px) {
  .cd-faq-group {
    display: block;
  }
  .cd-faq-group > li {
    background: #ffffff;
    margin-bottom: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
  }
  .no-touch .cd-faq-group > li:hover {
    box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
  }
  .cd-faq-group .cd-faq-title {
    margin: 2em 0 1em;
  }
  .cd-faq-group:first-child .cd-faq-title {
    margin-top: 0;
  }
}
.cd-faq-trigger {
  position: relative;
  display: block;
  margin: 1.6em 0 .4em;
  line-height: 1.2;
  color: #7a7a7a;
}
.cd-faq-trigger:hover {

  color: #23364b;
}
@media only screen and (min-width: 768px) {
  .cd-faq-trigger {
    font-size: 24px;
    font-size: 1.1rem;
    font-weight: 300;
    margin: 0;
    padding: 24px 20px 24px 24px;
  }
  .cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
    right: 24px;
    top: 50%;
    height: 2px;
    width: 13px;
    background: #cfdca0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .cd-faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
  }
  .cd-faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
.cd-faq-content p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #6c7d8e;
}
@media only screen and (min-width: 768px) {
  .cd-faq-content {
    display: none;
    padding: 0 24px 30px;
  }
  .cd-faq-content p {
    line-height: 1.6;
  }
  .no-js .cd-faq-content {
    display: block;
  }
}
h1.shipping-header{
    padding: 0 0 1rem 1rem;
    color: #23364b;
}
p.shipping-header{
  font-size: 1rem;
    padding: 0 1.5rem 0 1.5rem;
    margin-bottom: 2rem;
    text-align: justify;
    color: #23364b;
}


/*about.tpl*/
section.about-section .values {
      margin: 0 auto;
  }

  section.about-section .values .line {
      margin-right: 0;
  }
  section.about-section .values .line .ab-col-1of6.box:last-child {
      margin-left: 0!important;
  }
  section.about-section .ab-col-1of6{
    min-height: 1px;
      display: inline-block;
  }
  section.about-section .ab-col-1of6 div.icon img{
    width: 69px;
  }

  section.about-section .ab-col-1of6.box {
      height: 220px;
      background-color: #fff;
      box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
      width: 15.7%;
      position: relative;
      margin-left: 0.3%;
      margin-right: 0.3%;
      padding: 18px;
  }
  section.about-section .ab-col-1of6.box .text {
      font-weight: 500;
      color: #434343;
      font-size: 14.65px;
      line-height: 34px;
      float: right;
      text-align: right;
      direction: rtl;
  }
  section.about-section .ab-col-1of6.box .icon {
      position: absolute;
      bottom: 16px;
      left: 16px;
  }

  section.about-section .App {
      text-align: center;
  }
  section.about-section .about-banner li.center{
    text-align: center;

  }
  section.about-section span.about-point{
    font-size: 1.2rem;
    font-weight: 900;
    text-shadow: 0px 0px 11px #c1c1c1;
  }
  section.about-section .about-banner {
    background-image: url(https://www.abzarkia.com/assets/about-banner-abzar.jpg);
    background-repeat: no-repeat;
    height: 395px;
    background-size: 100%;
    position: relative;
  }
  section.about-section .about-banner h1.title {
    background-image: linear-gradient(90deg, #ff000000, #2f94bf, #ff000000);
    color: #fff;
    font-size: 35px;
    line-height: 59px;
    text-align: center;
    position: relative;
    top: 120px;
    margin: 0;
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0,0,0,.8);
  }
  section.about-section .line.more {
  margin: 0 auto;
    position: relative;
    margin-top: -146px;
    width: 97%;
  }
  section.about-section .line:after, .line:before {
      display: table;
  }
  section.about-section .about-more {
      background-color: #fff;
      -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
      box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
      padding: 20px 50px;
  }
  section.about-section .about-more h2{
    text-align: right;
    border-bottom: solid 4px #1689ca;
    display: table-cell;
    padding-bottom: 1rem;
  }
    section.about-section .about-more h1{
    text-align: right;
    border-bottom: solid 4px #ff6b02;
    display: table-cell;
    padding-bottom: 1rem;
  }
  section.about-section .about-more div.border{
    margin-bottom: 1rem;
      border-bottom: solid 1px #c1c1c1;
  }
  section.about-section .about-more ul{
      padding: 0px;
      margin: 0px;
      color: #333333;
      font-size: 1rem;
      line-height: 2rem;
      text-align: justify;
  }
  section.about-section .about-more li {

      margin-bottom: 10px;
  }

  section.about-section .line:after, .line:before {
      display: table;
  }

  @media only screen and (max-width: 995px) {
    section.about-section .about-banner h1.title {
      font-size: 22px;
      top: 60px;
    }
    section.about-section .about-banner {
        height: 274px;
    }
    section.about-section .ab-col-1of6.box {
          width: 29%;
        position: relative;
        margin-left: 1.7%;
        margin-right: 2%;
    }
    section.about-section .about-more li {
      font-size: 0.8rem;
      margin-bottom: 10px;
    }
    section.about-section span.about-point {
      font-size: 0.9rem;
     }
  }
  @media only screen and (max-width: 450px) {
    section.about-section .postscript-second p{
      font-size: 0.8rem !important;

    }
    section.about-section .about-banner h1.title {
      font-size: 20px;
      top: 20px;
    }
    section.about-section .about-banner {
        height: 120px;
    }
    section.about-section .about-more h2{
      font-size: 0.9rem;
    }
    section.about-section .ab-col-1of6.box {
          width: 45%;
        position: relative;
        margin-left: 1.7%;
        margin-right: 2%;
    }
    section.about-section .about-more li {
      font-size: 0.8rem;
      margin-bottom: 10px;
    }
    section.about-section .about-more{
      padding: 20px 20px;
    }
    section.about-section span.about-point {
      font-size: 0.9rem;
     }
      section.about-section .line.more {
    margin: 0 auto;
      position: relative;
      margin-top: -28px;
      width: 97%;
    }
  }
/*end about.tpl*/

/* allcategories.lua*/
section.categories-section ul.list h2{
    color: #ffffff;
    background: #223a54;
    margin: -1rem -2rem;
    display: block;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 1rem;
    margin-bottom: 1rem;
}

section.categories-section ul.list h2 a{
  color: #fff;
}


section.categories-section .row.categories{
  margin: 0;
}
.list-nav {
  margin-top: 1rem;
    left: 60px;
    padding: 1rem 2rem;
    min-height: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}


section.categories-section ul.list,

section.categories-section ul.list ul {
  margin:0;
  padding:0;
  list-style-type: none;

}


section.categories-section ul.list ul {
  position:relative;

}


section.categories-section ul.list ul:before {
 content: "";
    display: block;
    position: absolute;
    top: -13px;
    right: -13px;
    bottom: 15px;
    width: 0;
    border-left: 1px solid #ccc;
}


section.categories-section ul.list li  {
  position:relative;
  margin:0;
  padding:3px 19px 3px 0;

  color:#ccc;
  text-decoration: none;
  text-transform: uppercase;
  font-size:13px;
  font-weight:normal;
  line-height:20px;
}
section.categories-section ul.list li a {
  position:relative;
  color:#ccc;
  text-decoration: none;
  text-transform: uppercase;
  font-size:14px;
  font-weight:bold;
  line-height:30px;
}
section.categories-section ul.list li a[data-depth="0"]{
    color: #43457e;
    font-size: 1.4rem;
    font-weight: bold;
}
section.categories-section ul.list li a[data-depth="1"]{
    color: #67a2e2;
    font-size: 1.04rem;
    font-weight: 300;
}
section.categories-section ul.list li a[data-depth="2"]{
color: #797a7b;
}
section.categories-section ul.list li a[data-depth="3"]{
color: #ff8181;
}

section.categories-section ul.list li a:hover,
section.categories-section ul.list li a:hover+ul li a {
  color:#fdd40a;
}
section.categories-section ul.list ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: -13px;
    width: 19px;
    height: 0;
    border-top: 1px solid #ccc;
}
section.categories-section ul.list ul li:last-child:before {
  top: 20px;
    bottom: 0;
    height: auto;
    background: #fff;
}
  section.categories-section .App {
      text-align: center;
  }
  .categories-banner li.center{
    text-align: center;
  }
  span.categories-mini-point{
  position: absolute;
  bottom: 22px;
  left: 22px;
    font-size: 16px;
    font-weight: 900;
    text-shadow: 0px 0px 11px #c1c1c1;
  }
  .categories-banner {
    background-image: url(https://www.abzarkia.com/assets/categories-banner.jpg);
    background-repeat: no-repeat;
    height: 395px;
    background-size: 100%;
    position: relative;
  }
  .categories-banner h1.title {
    color: #fff;
    font-size: 35px;
    background-image: linear-gradient(90deg, #ff000000, #c31000, #ff000000);
    font-size: 35px;
    line-height: 59px;
    text-align: center;
    position: relative;
    top: 120px;
    margin: 0;
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0,0,0,.8);
  }
  section.categories-section .line.more {
  margin: 0 auto;
    position: relative;
    margin-top: -146px;
    width: 97%;
  }
  section.categories-section .line:after, .line:before {
      display: table;
  }
  .categories-more {
      background-color: #fff;
      -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
      box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
      padding: 20px 50px;
  }
  .categories-more h2{
    text-align: right;
    border-bottom: solid 4px #1689ca;
    display: table-cell;
    padding-bottom: 1rem;
  }
  .categories-more div.border{
    margin-bottom: 1rem;
      border-bottom: solid 1px #c1c1c1;
  }
  .categories-more ul{
      padding: 0px;
      margin: 0px;
      color: #333333;
      font-size: 1rem;
      line-height: 2rem;
      text-align: justify;
  }
  .categories-more li {

      margin-bottom: 3rem;
  }
  .categories-more ul li span{
    font-size: 14px;
  }
  .line:after, .line:before {
      display: table;
  }

  @media only screen and (max-width: 995px) {
    .categories-banner h1.title {
      font-size: 22px;
      top: 60px;
    }
    .categories-banner {
        height: 274px;
    }
    .categories-more li {
      font-size: 0.8rem;
    }
    span.categories-mini-point {
      font-size: 0.9rem;
     }
  }
  @media only screen and (max-width: 450px) {
    .postscript-second p{
      font-size: 0.8rem !important;

    }
    .categories-banner h1.title {
      font-size: 20px;
      top: 20px;
    }
    .categories-banner {
        height: 120px;
    }
    .categories-more h2{
      font-size: 0.9rem;
    }

    .categories-more li {
      font-size: 0.8rem;
    }
    .categories-more{
      padding: 20px 20px;
    }
    span.categories-mini-point {
      font-size: 0.9rem;
     }
       .line.more {
    margin: 0 auto;
      position: relative;
      margin-top: -28px;
      width: 97%;
    }
  }
/* end allcategories.lua*/

/* brands.tpl */
  .brands-section .brands-more-btn{
  position: absolute;
    bottom: 28px;
    left: 28px;
    background-color: #4fb6ff;
    border: 1px solid #0065cb;
    color: #ffffff;
    margin: 0 auto;
    border-radius: 4px;
    padding: 5px 13px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
  }
  .brands-section .brands-more-btn:hover{
  background-color: #b0deff;
    color: #293e6b;
  }

  .brands-section ul.countries{
    color: #808080;
  position: absolute;
    bottom: 5px;
    right: 19px;
    font-size: 0.9rem;
  }
  .brands-section li.country{
  display: inline-block;
  color: #808080;
  font-weight: 200;
  }
  .brands-section li.country:last-child:after{
  content: unset;
  }

  .brands-section li.country:after{
  content: '،';
  }

  .brands-section span.country{
  font-size: 12px;
    color: #757575;
   /* -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;*/
  }
  .brands-section .brands-cart hr{
    margin-top: 0;
  }
  .brands-section .brands-cart .brand-info{
  color: #757575;
    font-weight: 300;
    font-size: .9rem;
  }
  .brands-section h2.brand-name{
    color: #243863;
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
  .brands-section .brand-card-logo{
  position: absolute;
  top: 0;
  left: 22px;
  filter: drop-shadow(1px 1px 0px #c5c5c5);
    -webkit-filter: drop-shadow(1px 1px 0px #c5c5c5);

  }
  .brands-section .brands-banner li.center{
    text-align: center;
  }
  .brands-section span.brands-point{
    font-size: 1.2rem;
    font-weight: 900;
    text-shadow: 0px 0px 11px #c1c1c1;
  }
  .brands-section .brands-banner {
    background-image: url(/assets2/brands-banner.jpg);
    background-repeat: no-repeat;
    height: 395px;
    background-size: 100%;
    position: relative;
  }
    .brands-section .countries-banner {
    background-image: url(/assets2/countries-banner.jpg);
    background-repeat: no-repeat;
    height: 395px;
    background-size: 100%;
    position: relative;
  }
  .brands-section .brands-banner h1.title{
    color: #fff;
    font-size: 35px;
    background-image: linear-gradient(90deg, #ff000000, #D5722F, #ff000000);
    font-size: 35px;
    line-height: 59px;
    text-align: center;
    position: relative;
    top: 120px;
    margin: 0;
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0,0,0,.8);
  }
  .brands-section .countries-banner h1.title
  {
    color: #fff;
    font-size: 35px;
    background-image: linear-gradient(90deg, #ff000000, #1360a0, #ff000000);
    font-size: 35px;
    line-height: 59px;
    text-align: center;
    position: relative;
    top: 120px;
    margin: 0;
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0,0,0,.8);
  }
  .brands-section .line.more {
  margin: 0 auto;
    position: relative;
    margin-top: -146px;
    margin-bottom: 2rem;
    width: 97%;
  }
  .brands-section .line:after, .line:before {
      display: table;
  }
  .brands-section .brands-more {
      background-color: #fff;
      -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
      box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
      padding: 20px 50px;
  }
  .brands-section .brands-more h2{
    text-align: right;
    border-bottom: solid 4px #1972f5;
    display: table-cell;
    padding-bottom: 1rem;
  }
  .brands-section .brands-more div.border{
    margin-bottom: 1rem;
      border-bottom: solid 1px #c1c1c1;
  }
  .brands-section .brands-more ul{
      padding: 0px;
      margin: 0px;
      color: #333333;
      font-size: 1rem;
      line-height: 2rem;
      text-align: justify;
  }
  .brands-section .brands-more li {

      margin-bottom: 10px;
  }
  .brands-section .brands-cart{
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    margin-bottom: 1rem;
    background: #fff;
    padding: 1rem;
    min-height: 16rem;
  }
  @media only screen and (max-width: 995px) {
    .brands-banner h1.title {
      font-size: 22px;
      top: 60px;
    }
    .brands-banner {
        height: 274px;
    }
    .brands-more li {
      font-size: 0.8rem;
      margin-bottom: 10px;
    }
    span.brands-point {
      font-size: 0.9rem;
     }
  }
  @media only screen and (max-width: 450px) {
    .brands-section .postscript-second p{
      font-size: 0.8rem !important;
    }
    .brands-banner h1.title {
      font-size: 20px;
      top: 20px;
    }
    .brands-banner {
        height: 120px;
    }
    .brands-more h2{
      font-size: 0.9rem;
    }
    .brands-more li {
      font-size: 0.8rem;
      margin-bottom: 10px;
    }
    .brands-more{
      padding: 20px 20px;
    }
    span.brands-point {
      font-size: 0.9rem;
     }
       .brands-section .line.more {
    margin: 0 auto;
      position: relative;
      margin-top: -28px;
      width: 97%;
    }
  }

/*end brands.tpl */

/*ffooter*/

  .temphedbanner{
            position: fixed;
    bottom: 0;
    background: red;
    color: #fff;
    width: 100%;
    padding: 5px;
    z-index: 9000000;
    }

    .temphedbanner p{
    color: #fff;
    margin: 0 auto;
    display: block;
    padding: 0;
    /* margin: auto; */
    text-align: center;
    }


  /*brands controller brands.tpl */

        .brand-informations{
          position: relative;

        }
        .brand-informations h1{
          margin: 0rem;
          padding: 1rem;
        }
        .brand-informations hr{
          margin: 0 0 1rem 0;
        }

        div.brand-info-logo img{
          width: 100%
        }
        div.brand-info-logo.xs img{
          display: block;
          width: 50%;
          margin:0 auto;
        }
        h2.product-title-inbinfo{
          text-align: center;
          font-weight: 400;
          font-size: 12px;
          line-height: normal;
          min-height: 40px;
        }
        .price-inbinfo{
          text-align: center;
          display: block;
        }
        #brands .thumbnail-container,
        #country .thumbnail-container{
          box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
          background: white;
            margin-bottom: 1rem;
            padding: 3px;
        }
        #country .flag-bg{
      content: "";
      background-repeat: no-repeat;
      background-size: cover;
      background-position-y:center;
      opacity: 0.1;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: 0;
      filter: blur(8px);
        -webkit-filter: blur(10px);
    }
    #country .brands-cart{
      position: relative;
    }
    #country .brands-section h2.brand-name,
    #country .brands-section span.country,
    #country .brands-section hr
    {
      position: relative
    }
img.country-flag{
  box-shadow: 1px 1px 5px #777777;
  position: absolute;
  left: 2rem;
  width: 77px;
  border-radius: 3px;
  bottom: 5rem;
  }
/*end of brands controller brands.tpl */
/* tiles */
.option-product .item-option-product {
    position: relative;
    height: 160px;
    color: #fff;
    float: right;
    margin-bottom: 1rem;
}
.option-product .item-option-product .box-option-product {
    width: calc(100% - 15px);
    max-width: 170px;
    height: 160px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 0;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    color: #1a4079;
}
.option-product .item-option-product .box-option-product .img-box {
    text-align: center;
    height: 65px;
    position: relative;
    margin-bottom: 1rem;
}
.option-product .item-option-product .box-option-product h5 {
    font-size: 14px;
    margin-bottom: 10px;
}
.option-product .item-option-product .box-option-product p {
    font-size: 12px;
}


/*end tiles*/


/*start of eontact us*/

.contactus-submit{
display: block;
    width: 100%;
    background: #1689ca;
    border: none;
    border-radius: 4px;
    height: 40px;
    box-shadow: 0 0 2px 1px black;
    color: white;
}
div.contactus-whatsapp {
  padding: 0 2rem 2rem 2rem;
}
div.contactus-whatsapp p{
  text-align: center;
}
div.contactus-whatsapp div.acontainer{
  width: 100%;
  margin: 0 auto;
  position: relative;
}
div.contactus-whatsapp div.acontainer a{
  text-decoration: none;
  margin: 0 auto;
  width: 18rem;
  height: 4rem;
  display: block;
  text-align: center;
  background-color: #25d44a;
  font-family: 'IRANSNum';
  box-shadow: 0px 0px 4px 1px green;
  border-radius: 7px;
  padding: 1.5rem;
  color: white;
  text-shadow: 0px 0px 4px black;
  font-weight: 900;
  font-size: 1.8rem;
}
div.contactus-whatsapp div.acontainer a i{
  font-size: 3rem;
  position: absolute;
  top: 0.35rem;
  font-weight: 500;
}

body#contactus.loader,.AjaxResult {
    display:none;
}

body#contactus.loader {
    border: 4px solid #f3f3f3;
    border-radius: 58%;
    border-top: 4px solid #23364b;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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


body#contactus .tel{
  font-family: "iranSNUM"
}
body#contactus .tel-list li a {
    color: #293e6b;
    font-size: 1.7rem;
    display: block;
    line-height: 2rem;
    text-align: center;
  }
 body#contactus .txt-rt{text-align:right;}/* text align right */
 body#contactus .txt-lt{text-align:left;}/* text align left */
 body#contactus .txt-center{text-align:center;}/* text align center */
 body#contactus .float-rt{float:right;}/* float right */
 body#contactus .float-lt{float:left;}/* float left */
 body#contactus .clear{clear:both;}/* clear float */
 body#contactus .pos-relative{position:relative;}/* Position Relative */
 body#contactus .pos-absolute{position:absolute;}/* Position Absolute */
 body#contactus .vertical-base{vertical-align:baseline;}/* vertical align baseline */
 body#contactus .vertical-top{vertical-align:top;}/* vertical align top */
 body#contactus nav.vertical ul li{display:block;}/* vertical menu */
 body#contactus nav.horizontal ul li{display: inline-block;}/* horizontal menu */
 body#contactus img{
  max-width:100%;
  height: auto;
}
.owl-carousel .owl-item img{
  height: auto;
}
/*-- //Reset-Code --*/
body#contactus .container h1 {
    text-align: right;
    border-bottom: solid 4px #1689ca;
    display: table-cell;
    padding-bottom: 1rem;
}
body#contactus .agile1 h3{
  color: #737373;
  text-align: right;
    border-bottom: solid 4px #1689ca;
    display: table-cell;
    padding-bottom: 1rem;

}
body#contactus div.border {
    margin-bottom: 1rem;
    border-bottom: solid 1px #c1c1c1;
}
body#contactus .w3ls{
color: #000;
margin-bottom: 1.5rem;
}

body#contactus .agile1 {
    /* background: #293e6b; */
    padding: 0.6rem 8px 8px 8px;
    margin-bottom: 20px;
    /* border: solid 1px; */
    box-shadow: 0 0 4px #c5c5c5;
}

body#contactus .agile1 .form-control{
    border: solid 1px #e0e0e0;
    border-radius: 5px;
}
body#contactus .agile1 .form-control:focus{
    outline: unset;
    border: solid 1px #9bbafd;

}
body#contactus .agile1 input[type="text"]{
  width:100%;
  padding:0.5rem;
  background:rgba(8, 8, 8, 0.14);
  background: rgba(255, 255, 255, 0.15);
  background:#fff;
  outline:none;
  font-size:14px;
}
body#contactus .socialicons{
 list-style:none;
     line-height: 2rem;
}
body#contactus .socialicons a{
color:#000;
}
body#contactus p.agileinfo{
  font-size:14px;
  color:#fff;
  text-align:center;
  line-height:22px;
}
.contactus-address{
    color: #20293a;
    text-align: center;
    text-shadow: 0px 1px 4px #acc9e4;
    padding: 3rem 0 0 0;
}
/*endof contactus */
/*bearing.php  */
img.head_banner_ex {
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    width: 100%;
    margin-bottom: 1rem;
}
div.bearshor{
    margin-top: 1rem;
}
h1.bercat{
    font-size: 1.375rem;

}
h2.persian_name {
    margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: 400;
}
h3.bearing_info_tcode {
    font-size: 1rem;
    direction: ltr;
    display: inline-block;
    font-weight: lighter;
    text-align: right;
}
p.bearing_info_tcode {
    font-size: 1rem;
    font-weight: lighter;
    display: inline-block;
}
div.head-description {
    background: red;
    background-color: #fff;
    margin-bottom: 1em;
    padding: 1rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
h1.bearings {
    color: #316cad;
    background: white;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: 400;
}

.bootstrap-table {
    font-size: 0.8rem;
    background-color: #fff;
    margin-bottom: 1em;
    border-radius: 5px;
    padding: 1rem;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
.subcat-box {
  user-select: none;
    margin-bottom: 1rem;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    min-height: 212px;
}
div.subcat-box img {
    margin: 0 auto;
    display: block;
    padding-top: 1rem;
}

div.subcat-box h2 {
    margin: 1rem 1rem 0 1rem;
    font-size: 1rem;
    color: #969495;
    padding-bottom: 1rem;
    font-weight: 300;
    text-align: center;
}
div.info-box h3 {
    margin: 1rem 1rem 0 1rem;
    font-size: 1rem;
    color: #2a6298;
    font-weight: 600;
}
div.info-box p {
    margin: 1rem;
    padding-bottom: 1rem;
    min-height: 6rem;
}
div.info-box img {
    margin: 0 auto;
    display: block;
    padding-top: 1rem;
}
div.info-box {
    margin-bottom: 1rem;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
section.info-continer {
    margin-top: 1rem;
}

h1.info_404 {
    text-align: center;
    font-size: 7rem;
    color: #1689ca;
    padding: 1rem 0 0 0;
}
h2.info_404 {
    font-weight: 100;
    text-align: center;
    padding: 0px 0 2rem;
}
div.info_404 {
    display: block;
    background-color: #fff;
    margin-bottom: 1em;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
div.info-box.bearing h3 {
    position: absolute;
    right: 8rem;
    left: 1rem;
    top: 1rem;
    font-size: 1rem;
    color: #2a6298;
    font-weight: 600;
}
div.info-box img.bearing {
    margin: unset;
    display: block;
    padding-top: unset;
    border-radius: unset;
}
section.info-section span.info-point {
    font-size: 1rem;
    text-align: left;
    display: block;
    font-weight: 300;
    text-shadow: 0 0 11px #c1c1c1;
}
section.info-section .info-banner.bearing {
    background-image: url(/assets/bearing-banner.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}
section.info-section .info-banner.seal {
    background-image: url(/assets/seal-banner.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}
@media only screen and (min-width: 996px){
  section.info-section .info-banner.bearing {
      height: 395px;
  }
  section.info-section .info-banner.seal {
      height: 395px;
  }
}
section.info-section .info-banner h1.title {
    background-image: linear-gradient(90deg, #ff000000, #223a54, #ff000000);
    color: #fff;
    font-size: 35px;
    line-height: 59px;
    text-align: center;
    position: relative;
    top: 120px;
    margin: 0;
    font-weight: 700;
    text-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%)
}
section.info-section .line.more {
    margin: 0 auto;
    position: relative;
    margin-top: -146px;
    width: 97%
}
section.info-section .line:after,
.line:before {
    display: table
}
section.info-section .info-more {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    padding: 20px 50px
}
section.info-section .info-more h2 {
    text-align: right;
    border-bottom: solid 4px #3d72f5;
    display: table-cell;
    padding-bottom: 1rem
}
section.info-section .info-more div.border {
    margin-bottom: 1rem;
    border-bottom: solid 1px #c1c1c1
}
section.info-section .info-more ul {
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 1rem;
    line-height: 2rem;
    text-align: justify
}
section.info-section .info-more li {
    margin-bottom: 10px
}
section.info-section .line:after,
.line:before {
    display: table
}

@media only screen and (max-width: 995px) {
    section.info-section .info-banner h1.title {
        font-size: 22px;
        top: 60px
    }
    section.info-section .info-banner {
        height: 274px
    }
    section.info-section .info-more li {
        font-size: .8rem;
        margin-bottom: 10px
    }
    section.info-section span.info-point {
        font-size: .9rem
    }
}

@media only screen and (max-width: 450px) {
    section.info-section .postscript-second p {
        font-size: 0.8rem!important
    }
    section.info-section .info-banner h1.title {
        font-size: 20px;
        top: 20px
    }
    section.info-section .info-banner {
        height: 120px
    }
    section.info-section .info-more h2 {
        font-size: .9rem
    }
    section.info-section .info-more li {
        font-size: .8rem;
        margin-bottom: 10px
    }
    section.info-section .info-more {
        padding: 20px 20px
    }
    section.info-section span.info-point {
        font-size: .9rem
    }
    section.info-section .line.more {
        margin: 0 auto;
        position: relative;
        margin-top: -28px;
        width: 97%
    }
}

/*end of bearing.php*/

/*escm themecss ketabkia */

.product-tab-breadcrumbs ul li {
 list-style:none;
}
.product-tab-breadcrumbs{
margin-right: 6px;
}
.product-tab-breadcrumbs ul li span span {
    display: inline-table;
    float: right;
    font-weight: 200;
    height: 30px;
    background: #23364b;
    text-align: center;
    padding: 5px 10px 0 10px;
    position: relative;
    margin: 0 0 0 13px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.product-tab-breadcrumbs ul li span span::before {
  content: "";
  border-width: 30px 0px 0px 5px;
  border-style: solid;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-color: #23364b;
  position: absolute;
  right: -5px;
  top: 0;
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;
}
.product-tab-breadcrumbs ul li span span::after {
  content: "";
  position: absolute;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 10px solid #23364b;
  left: -10px;
  top:0;
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;
}
.product-tab-breadcrumbs ul li a {
 display: inline-table;
 float: right;
 font-weight: 200;
 height: 30px;
 background: #23364b;
 text-align: center;
 padding: 5px 10px 0 10px;
 position: relative;
 margin: 0 0 0 13px;
 text-decoration: none;
 color: #fff;
 -webkit-transition: all 1s; /* Safari */
transition: all 1s;
}
.product-tab-breadcrumbs ul li a:after {
content: "";
position: absolute;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 10px solid #23364b;
  left: -10px;
  top:0;
  -webkit-transition: all 1s; /* Safari */
transition: all 1s;
}
.product-tab-breadcrumbs ul li a:before {
content: "";
border-width: 15px 10px 15px 0;
border-style: solid;
border-color: #23364b transparent #23364b transparent ;
position: absolute;
right: -10px;
top: 0;
-webkit-transition: all 1s; /* Safari */
transition: all 1s;
}
.product-tab-breadcrumbs ul li:first-child a:before{
content: "";
border-width: 30px 0px 0px 5px;
border-style: solid;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-color: #23364b;
position: absolute;
right: -5px;
top: 0;
-webkit-transition: all 1s; /* Safari */
transition: all 1s;
}
.product-tab-breadcrumbs ul li a:hover:after{
border-right: 10px solid #009fe1;
-webkit-transition: all 1s; /* Safari */
transition: all 1s;
}
.product-tab-breadcrumbs ul li a:hover {
background: #009fe1;
-webkit-transition: all 1s; /* Safari */
transition: all 1s;
}
.product-tab-breadcrumbs ul li a:hover:before {
border-color:  #009fe1 transparent #009fe1 transparent ;
-webkit-transition: all 1s; /* Safari */
transition: all 1s;
}
  .product-description,
  .product-features,
  .product-accessories,
  .product-crossselling,
  .product-categorysame,
  .product-secrelated,
  .product-myprestacomments{
    background: #fff;
    padding: 0;
    margin: 0;
    border-radius: 5px;
  }
  /*end of escm themecss ketabkia */

  /*superuser.tpl*/
form#susr_form textarea[name="description"]{
    height: 8rem;
}
form#susr_form select[name="country"]{
    height: 2.5rem;
    text-indent: 2rem;
}
form#susr_form select[name="degree"],
form#susr_form input[name="field"],
form#susr_form input[name="lastname"],
form#susr_form input[name="city"]
{
    height: 2.5rem;
    text-indent: 2.5rem;
}
jdp-container .jdp-days{
    font-family: 'IRANSNum';
}
jdp-container .jdp-year{
    font-family: 'IRANSNum';
    margin-top: 8px;
}
a.current-user-link{
    display: block;
    padding: 0 0 1rem 0;
    font-weight: 500;
    color: #23364b;
    text-align: center;
}
p#get_superuser_link{
    text-align: center;
    padding-bottom: 1rem;
    color: #23364b;
}
label.current-user-link{
    display: inline-block;
    padding: 1rem;
    font-weight: 500;
}
.info-su-box{
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
}
.info-su-box.infos{
    padding: 2rem 2rem 0 2rem;
}

.info-su-box.infos label{
    color: #23364b;
}

.info-su-box.infos #submit_super_user_info{
    float: left;
    margin: 1rem;
}
.profile-pic {
    color: transparent;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease;
    }
.profilepic p{
    text-align: center;
    padding-bottom: 2rem;
    margin: 1rem;
    color: #23364b;
}
.profile-pic input {
    display: none;
    }
.profile-pic img.profile {
    position: absolute;
    object-fit: cover;
    width: 165px;
    height: 165px;
    box-shadow: 0 0 10px 0 rgba(162, 57, 149, 0.8);
    border-radius: 100px;
    z-index: 0;
    }
.profile-pic .-label img.cus-blucheck {
    width: 2rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
}
.profile-pic .-label {
    position: relative;
    cursor: pointer;
    height: 165px;
    width: 165px;
    margin: 1rem;

    }
.profile-pic:hover .-label {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(162,57,149, 0.47);
    z-index: 10000;
    color: #fafafa;
    transition: background-color 0.2s ease-in-out;
    border-radius: 100px;
    }
.profile-pic span {
    display: inline-flex;
    padding: 0.2em;
    height: 2em;
    }
.cropper {
    max-width: 100%;
}
.iconbar-superuserltr,
.iconbar-superuserltr{
  position: relative;
  color: #aaa;
  font-size: 16px;
}
.iconbar-superuserltr input {
  direction: ltr;
  height: 2.5rem;
  text-indent: 42px;
}
.iconbar-superuserltr .fa {
  position: absolute;
  background: #23364b;
  padding: 0.75rem;
  color: white;
  left: 0;
  border-radius: 5px 0 0 5px;
}
.iconbar-superuserrtl input {
  direction: rtl;
  height: 2.5rem;
  text-indent: 32px;
}
.iconbar-superuserrtl .fa {
  position: absolute;
  background: #23364b;
  padding: 0.75rem;
  color: white;
  border-radius: 0 5px 5px 0;
}
/*end of superuser.tpl*/
  /*escm.tpl*/

  p.esqa-content{
    color: #000
  }
  p.esqans-content{
    color: #6a6a6a;
    line-height: 2rem;
    font-weight: 300;
  }
  p.esqa-content i{
    font-size: 2rem;
    color: #23364b;
    vertical-align: middle;
    margin-left: 11px;
    font-size: 1.9rem;

  }
  div.not-ecm-yet{
    min-height: 14rem;
  }
  div.not-ecm-yet label{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 6rem;
    font-size: 2rem;
    width: 100%;
    text-shadow: 0px 1px 2px #81777f;
    color: #b6d3c8;}
  .lds-ellipsis {
      display: inline-block;
      /* position: relative; */
      width: 80px;
      height: 80px;
      left: 0;
      position: absolute;
      bottom: 4rem;
      right: 0px;
      margin: auto;
      top: 0;
  }
  .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #23364b;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }
  div.escm-pago,
  div.esqa-pago{
    margin-top: 1rem;
    text-align: center;
  }
  span.escm-pago,span.esqa-pago{
    padding: 8px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    color: #23364b;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
  }
  span.escm-pago.pago-on,
  span.esqa-pago.pago-on{
    padding: 8px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    background: #23364b;
    color: #fff;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
  }
  div.escm-ajax::-webkit-scrollbar,
  div.esqa-ajax::-webkit-scrollbar {
    width: 1rem;
  }

  /* Track */
  div.escm-ajax::-webkit-scrollbar-track,
  div.esqa-ajax::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: 4px;
    background: #fff;
    margin: 0 30px;

  }
  /* Handle */
  div.escm-ajax::-webkit-scrollbar-thumb,
  div.esqa-ajax::-webkit-scrollbar-thumb {
    background: #23364b;
    border-radius: 4px;
    background-clip: padding-box;

  }
  /* Handle on hover */
  div.escm-ajax::-webkit-scrollbar-thumb:hover,
  div.esqa-ajax::-webkit-scrollbar-thumb:hover {
    background: #009fe1;
  }

  div.escm-ajax,
  div.esqa-ajax{
    direction: ltr;
    min-height: 15rem;
    max-height: 29.1rem;
    overflow-y: auto;
    padding-right: 0.5rem;
  }
  div.escm-liking{
    position: absolute;
    left: 1rem;
    bottom: .5rem;
  }
  div.escm-liking span{
    vertical-align: text-top;
    font-family: "IRANSNum";
    padding-inline-end: 5px;
  }
  div.escm-liking .fa-heart{
    font-size: 1.5rem;
    color: #e30000;
    text-shadow: 0 0 2px #23364b;
  }
  div.escm-liking .fa-heart-broken{
    font-size: 1.5rem;
    color: #0f28d8;
    text-shadow: 0 0 2px #3963a2;
  }
  h4.escm-title{
    color: #850074;
    font-weight: 400;
  }
  .escm-author{
      border-left: 1px solid #23364b;
  }
  p.escm-content{
    line-height: 2rem;
    font-weight: 300;
  }
  div.new-escm{
      padding: 1rem 0;
      color: #626262;
      font-weight: 300;
      font-size: 0.9rem;
  }
  a[name=new-escm],
  a[name=new-esqa]{
    text-align: center;
    width: 100%;
    background: #fff;
    padding: 9px 16px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #23364b;
    color: #23364b;
    border-radius: 8px;
    width: 100%;
    display: block;
    -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  a[name=new-escm]:focus,
  a[name=new-esqa]:focus{
    outline: none;
  }
  a[name=new-escm]:active,
  a[name=new-esqa]:active{
    background: #d9d9d9;
  }
  div.agr-star {
    display: block;
    -webkit-user-select: none;
    user-select: none;
  }
  div.agr-star i{
    color: #ffc74a;
    margin-left: -4px;
  }
  div.agr-star span{
    color: #9b9b9b;
    font-size: 0.75rem;
    font-family: 'IRANSNum';
    margin-right: 8px;
  }
  h3.agrgradeheader{
    border-bottom: solid 4px #23364b;
      display: table-cell;
      padding-bottom: 0.7rem;
      font-weight: 300;
      text-align: right;
      color: #000;
      font-size: 1rem;
  }
  div.agregrade{
    font-size: 2rem;
    font-family: "IRANSNum";
    font-weight: bold;
    display: inline-block;
  }
  div.agregradefrom{
    margin-right: 5px;
    font-family: "IRANSNum";
    display: inline-block;
  }
  div.escm-box{
    position: relative;
    background: #fff;
    direction: rtl;
    padding: 1rem;
    margin: 0;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%);
    border-radius: 5px;
  }
  .product-escm div.star {
    background: #eaeaea;
  }
  .escm-author i.fa-star{
    color: #ffc74a !important;
  }
  .escm_grade i.fa-star{
    color: #ffc74a !important;
  }
  .product-escm div.star_on {
      background: #23364b;
  }
  .product-escm div.escm_grade {
        font-size: 10px;
        clear: both;
        padding: 1rem 0;
  }
  .product-escm div.criterion.star {
      zoom: .5;
      opacity: .8;
  }
  .product-escm div.star {
    display: inline-block;
    float: right;
    width: 32px;
    height: 4px;
    margin: 13px 0;
  }
  textarea[name='escomment-content'],
  textarea[name='esqa-question']{
    min-height: 10rem;
  }
  select[name="escm-ppd"],
  select[name="escm-ppb"]{
    height: 2.5rem !important;
    text-indent: 2rem;
  }
  .back-to-product,
    .submit_esqa,
    .submit_escm{
      float: left;
      margin: 1rem;
    }
    .escommentheader{
      padding: 1rem;
    }
    .escommentheader h1{
     font-weight: 300;

    }
    div.comment_author_infos em{
      font-size: 0.7rem;
      color: #858585;
      font-family: 'IRANSNum';
      font-style: inherit;
      font-weight: normal;
    }
  /*end of escm.tpl*/

  /*start seal tpls*/
  .body-description{
    background-color: #fff;
    margin-bottom: 1em;
    padding: 1rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
  }
  .in-cat-info p{
    font-weight: 350;
    padding: 0 2.6rem 1rem 2.3rem;
    color: #666;
    line-height: 1.5rem;
    text-align: justify;
  }
  p.in-main {
    font-weight: 350;
    padding: 0 0 1rem 2.3rem;
    color: #666;
    line-height: 1.5rem;
    text-align: justify;
  }

  h2.in-cat-info-title {
      margin-top: 2rem;
      color: #444;
      font-size: 1rem;
      font-weight: 600;
  }
  h3.in-cat-info-title {
      color: #555;
      line-height: 1.5rem;
      font-size: 1rem;
      font-weight: 500;
  }
  .in-icon:before {
    content: "";
    float: right;
    width: 35px;
    height: 35px;
    margin: -7px 0 0 7px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 35px 35px;
  }
  .in-icon-type-oring:before {
    background-image: url(/assets/svg/oring.svg);
  }
  .in-icon-type-sqring:before {
    background-image: url(/assets/svg/sqring.svg);
  }
  .in-icon-type-xring:before {
    background-image: url(/assets/svg/xring.svg);
  }
  .in-icon-type-ba:before {
    background-image: url(/assets/svg/Type-BA.svg);
  }
  .in-icon-type-basl:before {
    background-image: url(/assets/svg/Type-BASL.svg);
  }
  .in-icon-type-b1:before {
    background-image: url(/assets/svg/Type-B1.svg);
  }
  .in-icon-type-va:before {
    background-image: url(/assets/svg/VA-axial-seals.svg);
  }
  .in-icon-type-vs:before {
    background-image: url(/assets/svg/VS-axial-seals.svg);
  }
  .in-icon-type-vl:before {
    background-image: url(/assets/svg/VL-axial-seals.svg);
  }
  .in-icon-type-rme:before {
    background-image: url(/assets/svg/RME-axial-seals.svg);
  }
  .in-icon-type-rm:before {
    background-image: url(/assets/svg/RM-axial-seals.svg);
  }
  .in-icon-type-vlx:before {
    background-image: url(/assets/svg/VLX-axial-seals.svg);
  }
  .in-icon-type-vax:before {
    background-image: url(/assets/svg/VAX-axial-seals.svg);
  }
  .in-nbr-elastomer-stahlfeder-icon:before {
    background-image: url(/assets/svg/nbr-elastomer-stahlfeder-icon.svg);
  }
  .in-viton-elastomer-edelstahlfeder-icon:before {
    background-image: url(/assets/svg/viton-elastomer-edelstahlfeder-icon.svg);
  }
  .in-nbr-elastomer-icon:before {
    background-image: url(/assets/svg/nbr-elastomer-icon.svg);
  }
  .seal-3d{
    display: inline-block;
    width: 100px;
  }
  /*end seal tpls*/

  p.bearing-main-cat{
    margin: 1rem 0 0 0;
    text-align: justify;
    line-height: 2rem;
  }

  p.bearing-main-cat a{
   text-decoration: none;
  }
  body#bearing .head-description{
    user-select: none;
  }
  div.newTable-overflow{
    overflow-x:auto;
  }
  table.newTable,
  table.newTable th{
    font-size: 0.8rem;
    white-space: nowrap;
    text-align: center;
  }

  table.newTable td img{
    width: 66px;
    margin: -12px;
  }
  table.newTable td{
    direction: ltr;
    vertical-align: middle;
  }
  .newTablepagination {
    display: inline-block;
  }
  .newTablepagination a {
    color: black;
    float: right;
    padding: 8px 12px;
    text-decoration: none;
    border: 1px solid #ddd;
  }
  .newTablepagination a.active {
    background-color: #23364b;
    color: white;
    border: 1px solid #23364b;
  }
  .newTablepagination a:hover:not(.active) {
    background-color: #ddd;
  }
  .newTablepagination a:first-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .newTablepagination a:last-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  @media (min-width: 1200px) {
  p.bearing-main-cat {
    font-size: 1rem;
  }
}
/* If the screen size is smaller than 1200px, set the font-size to 80px */
@media (max-width: 1199.98px) {
  p.bearing-main-cat {
    font-size: 0.8rem;
  }
}
img.bearinginfo_main_image{
  width: 100%;
}
img.bearing-draft{
  width: 100%
}
.ke-h1start {
  text-align: center;
  display: table;
  font-size: 1rem;
  border-collapse: collapse;
  white-space: nowrap;
}
.be-h1start {
  text-align: center;
  display: table;
  font-size: 1rem;
  border-collapse: collapse;
  white-space: nowrap;
}
.bearing-sub-header p{
  font-weight: 200;
  margin-bottom: 0;
}
.bearing-sub-header h2{
  font-weight: 200;
  font-size: 1rem;
  margin-bottom: 0;
}
.ke-h1start::before, .ke-h1start::after {
    content: "";
    display: table-cell;
    width: 50%;
    background-image: linear-gradient(to right, #dddddd 50%, transparent 50%);
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 1100% 1px;
}
.be-h1start::before, .be-h1start::after {
    content: "";
    display: table-cell;
    width: 50%;
    background-image: linear-gradient(to right, #dddddd 50%, transparent 50%);
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 1100% 1px;
}
.ke-h1start span {
  color: #276cb5;
  padding: 0 1rem;
  font-size: 1.2rem;
  font-weight: 200;
}
.be-h1start span {
  color: #23374b;
  padding: 0 1rem;
  font-size: 1.3rem;
  font-weight: 200;
}
div.bearing-main-page-head{
  margin-top: 1rem;
}
div.bearing-main-page-head a h3,
div.bearing-main-page-head a img{
  display: inline-block;
  color: #406c99;
  font-weight: 300;
  text-decoration: none;
}
div.bearing-search-form{
  background: #fff;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
div.bearing-main-page-info-continer{
  background: #fff;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
.bear-start-ul div.bear-cat-linkname {
  display: table-cell;
  vertical-align: middle;
}
.bear-cat-linkname {
  font-size: 0.85rem;
  display: inline-block;
  position: relative;
  top: 2px;
  margin: 0;
  padding-bottom: 0;
}
ul.bear-start-ul, .bear-start-ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.bear-start-ul > li > a {
  display: table;
  display: -webkit-inline-box;
  color: #666;
  font-weight: 400;
  text-decoration: none;
}
ul.bear-start-ul > li > a:hover {
  color: #469ed8;
}
.svg-micro-icon:before {
  content: "";
  float: right;
  width: 13px;
  height: 13px;
  margin: 3px 0 0 4px;
}
a.bear-show-all::before {
  background: url(/assets/svg/bearing/arl.svg);
}
ul.bear-start-ul > li > a.bear-show-all{
  margin-top: 1rem;
  margin-right: 1rem;
  font-size: 0.8rem;
}
.svg-icon:before {
  content: "";
  float: right;
  width: 32px;
  height: 32px;
  margin: 0 0 0 5px;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 32px 32px;
}
.svg-belt-ribbed-timing:before{
  background-image: url(/assets/svg/belt/ribbed-timing.svg);
}
.svg-belt-apl-v-belt:before{
  background-image: url(/assets/svg/belt/apl-v-belt.svg);
}
.svg-belt-htd-apl-belt:before{
  background-image: url(/assets/svg/belt/htd-apl-belt.svg);
}
.svg-belt-conveyor-1:before{
  background-image: url(/assets/svg/belt/conveyor-1.svg);
}
.svg-belt-conveyor-2:before{
  background-image: url(/assets/svg/belt/conveyor-2.svg);
}
.svg-belt-conveyor-3:before{
  background-image: url(/assets/svg/belt/conveyor-3.svg);
}
.svg-belt-conveyor-4:before{
  background-image: url(/assets/svg/belt/conveyor-4.svg);
}
.svg-belt-conva:before{
  background-image: url(/assets/svg/belt/conva.svg);
}
.svg-belt-conva2:before{
  background-image: url(/assets/svg/belt/conva2.svg);
}
.svg-belt-conva3:before{
  background-image: url(/assets/svg/belt/conva3.svg);
}
.svg-belt-modular:before{
  background-image: url(/assets/svg/belt/modular.svg);
}
.svg-belt-varisect:before{
  background-image: url(/assets/svg/belt/varisect.svg);
}
.svg-belt-JB-cog:before{
  background-image: url(/assets/svg/belt/JB-cog.svg);
}
.svg-belt-JB-hole:before{
  background-image: url(/assets/svg/belt/JB-hole.svg);
}
.svg-belt-JB:before{
  background-image: url(/assets/svg/belt/JB.svg);
}
.svg-belt-aa:before{
  background-image: url(/assets/svg/belt/aa-belt.svg);
}
.svg-belt-v:before{
  background-image: url(/assets/svg/belt/v-belt.svg);
}
.svg-belt-rv:before{
  background-image: url(/assets/svg/belt/rv-belt.svg);
}
.svg-belt-1l:before{
  background-image: url(/assets/svg/belt/1l-belt.svg);
}
.svg-belt-3l:before{
  background-image: url(/assets/svg/belt/3l-belt.svg);
}
.svg-belt-nl:before{
  background-image: url(/assets/svg/belt/nl-belt.svg);
}
.svg-belt-htd:before{
  background-image: url(/assets/svg/belt/htd-belt.svg);
}
.svg-belt-std:before{
  background-image: url(/assets/svg/belt/std-belt.svg);
}
.svg-belt-at:before{
  background-image: url(/assets/svg/belt/at-belt.svg);
}
.svg-belt-pj:before{
  background-image: url(/assets/svg/belt/pj-belt.svg);
}
.svg-belt-pk:before{
  background-image: url(/assets/svg/belt/pk-belt.svg);
}
.svg-belt-pl:before{
  background-image: url(/assets/svg/belt/pl-belt.svg);
}
.svg-s-xringlight:before{
  background-image: url(/assets/svg/xringlight.svg);
}
.svg-s-vringlight:before{
  background-image: url(/assets/svg/VS-axial-sealslight.svg);
}
.svg-b-ball:before{
  background-image: url(/assets/svg/bearing/ball.svg);
}
.svg-b-axial-ball:before{
  background-image: url(/assets/svg/bearing/axial-ball.svg);
}
.svg-b-taper:before{
  background-image: url(/assets/svg/bearing/taper.svg);
}
.svg-b-needle:before{
  background-image: url(/assets/svg/bearing/needle.svg);
}
.svg-b-cycl:before{
  background-image: url(/assets/svg/bearing/cycl.svg);
}
.svg-b-NA22:before{
  background-image: url(/assets/svg/bearing/NA22.svg);
}
.svg-b-stud:before{
  background-image: url(/assets/svg/bearing/stud.svg);
}
.svg-b-track-ball:before{
  background-image: url(/assets/svg/bearing/track-ball.svg);
}
.svg-b-P:before{
  background-image: url(/assets/svg/bearing/P.svg);
}
.svg-b-FL:before{
  background-image: url(/assets/svg/bearing/FL.svg);
}
.svg-b-T:before{
  background-image: url(/assets/svg/bearing/T.svg);
}
.svg-b-PB:before{
  background-image: url(/assets/svg/bearing/PB.svg);
}
.svg-b-ROD:before{
  background-image: url(/assets/svg/bearing/ROD.svg);
}
.svg-b-H:before{
  background-image: url(/assets/svg/bearing/H.svg);
}
.svg-b-JB:before{
  background-image: url(/assets/svg/bearing/JB.svg);
}
.svg-b-washer:before{
  background-image: url(/assets/svg/bearing/washer.svg);
}
.svg-b-LM:before{
  background-image: url(/assets/svg/bearing/LM.svg);
}
.svg-b-LMOP:before{
  background-image: url(/assets/svg/bearing/LMOP.svg);
}
.svg-b-LMK:before{
  background-image: url(/assets/svg/bearing/LMK.svg);
}
.svg-b-LMF:before{
  background-image: url(/assets/svg/bearing/LMF.svg);
}
.svg-b-LMT:before{
  background-image: url(/assets/svg/bearing/LMT.svg);
}
.svg-b-SCS:before{
  background-image: url(/assets/svg/bearing/SCS.svg);
}
.svg-b-LG:before{
  background-image: url(/assets/svg/bearing/LG.svg);
}
.svg-b-LR:before{
  background-image: url(/assets/svg/bearing/LR.svg);
}
.svg-b-cshaft:before{
  background-image: url(/assets/svg/bearing/cshaft.svg);
}
.rseal-cat {
  display: inline-block;
  margin: 0 0 1rem 1rem;
  border: 1px solid #eee;
  padding: 1rem;
  text-align: center;
  transition: color 0.5s,text-shadow 0.5s;
  color: #666;
}
.rseal-cat:hover{
  text-shadow: 0 0 6px #ababab;
  transition: color 0.5s,text-shadow 0.5s;
  color: #23364b;
}
.rseal-cat h3{
  font-size: 1rem;
  font-weight: 400;
}
.in-icon-type-b1sl:before {
  background-image: url(/assets/svg/Type-B1SL.svg);
}
.in-icon-type-b2sl:before {
  background-image: url(/assets/svg/Type-B2SL.svg);
}
.in-icon-type-b1of:before {
  background-image: url(/assets/svg/Type-B1OF.svg);
}
.in-icon-type-baof:before {
  background-image: url(/assets/svg/Type-BAOF.svg);
}
.in-icon-type-babsl:before {
  background-image: url(/assets/svg/Type-BABSL.svg);
}
.in-icon-type-b2:before {
  background-image: url(/assets/svg/Type-B2.svg);
}

.btn-bdb{
  background: #23364b;
  color: #fff;
}
.btn-bdb:active{
  background: #23364b;
  color: #fff;
}
.btn-bdb:focus{
  background: #23364b;
  color: #fff;
}
 a.show-all-bearing{
  border-radius: 5px;
  padding: 0.5rem 0.7rem;
  border: 1px solid #dddddd;
  margin: 1rem 0 0 0;
  display: inline-block;
  color: #291500;
 }

 .newTable [data-title]:hover:after {
 opacity: 1;
 transition: all 0.1s ease 0.5s;
 visibility: visible;
 }
 .newTable [data-title]:after {
 content: attr(data-title);
 background-color: #fff;
 color: #111;
 font-size: 0.8rem;
 font-weight: 300;
 position: absolute;
 padding: 1px 5px 2px 5px;
 bottom: -.6rem;
 left: 30%;
 white-space: nowrap;
 border: 1px solid #eee;
 z-index: 99999;
 visibility: hidden;
 }
 .newTable [data-title] {
 position: relative;
 }


 .m-seal-h1::before, .m-seal-h1::after {
     content: "";
     display: table-cell;
     width: 50%;
     background-image: linear-gradient(to right,#dddddd 50%,transparent 50%);
     background-position: 0 50%;
     background-repeat: repeat-x;
     background-size: 1100% 1px;
 }
 .m-seal-h1::before, .m-seal-h1::after {
     content: "";
     display: table-cell;
     width: 50%;
     background-image: linear-gradient(to right,#dddddd 50%,transparent 50%);
     background-position: 0 50%;
     background-repeat: repeat-x;
     background-size: 1100% 1px;
 }
 .m-seal-h1 {
   text-align: center;
   display: table;
   margin: 7px 0 1.2rem 0;
   font-size: 1rem;
   border-collapse: collapse;
   white-space: nowrap;
   }
   .m-seal-h1 span {
     color: #23364b;
     padding: 0 1rem;
     font-size: 1.2rem;
     text-shadow: 0px 1px 1px #bdb5b5;
     font-weight: 300;
   }
   img.m-seal768{
     width: 100%
   }
   section.m-seal-row h2{
     text-align: right;
     border-bottom: solid 4px #1689ca;
     display: table-cell;
     font-size: 1.2rem;
     padding-bottom: 1rem;
   }
   section.m-seal-sizes h2{
     text-align: right;
     border-bottom: solid 4px #1689ca;
     display: table-cell;
     font-size: 1rem;
     font-weight: 400;
     padding-bottom: 1rem;
   }
   section.m-seal-sizes h3 {
     text-align: right;
     border-bottom: solid 4px #1689ca;
     display: table-cell;
     padding-bottom: 1rem;
   }
   section.m-seal-row div.border,
   section.m-seal-sizes div.border{
     margin-bottom: 1rem;
     border-bottom: solid 1px #c1c1c1;
   }
   table.mschema_parts{
     width: 100%;
     direction: ltr;
   }
   table.mschema_parts td{
     border-top: 1px solid #dee2e6;
     border-bottom: 1px solid #dee2e6;
     padding: 0.25rem 0.75rem;
     font-size: 14px;
     color: #7a7a7a;
     font-weight: 200;
   }
   table.mschema_parts th{
     text-align: left;
     border-top: 1px solid #dee2e6;
     border-bottom: 1px solid #dee2e6;
     background: #f2f6f9;
     padding: 0.25rem 0.75rem;
     font-weight: 500;
     color: #23364b;
     font-size: 14px;
   }
   table.mseal-sizes{
     width: 100%;
     direction: ltr;
   }
   table.mseal-sizes tr{
     line-height: 2rem;

   }
   table.mseal-sizes tr:nth-child(2n){
     background: #f3f3f3;
   }
   table.mseal-sizes td{
     border: 1px solid #dee2e6;
     padding: 0.25rem 0.75rem;
     font-size: 14px;
     color: #7a7a7a;
     font-weight: 200;
   }
   table.mseal-sizes th{
     text-align: left;
     border-top: 1px solid #dee2e6;
     border-bottom: 1px solid #dee2e6;
     background: #f2f6f9;
     padding: 0.25rem 0.75rem;
     font-weight: 500;
     color: #23364b;
     font-size: 14px;
   }
   div.p1bwsh{
     background: #fff;
     position: relative;
     box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
     padding: 1rem;
   }
   img.width-100{
     width: 100%;
   }
   div.m-seal-features  li{
     margin-bottom: 5px;
     color: #7a7a7a;
     font-weight: 300;
   }
   div.m-seal-features {
     color: #7a7a7a;
     line-height: 2rem;
   }
   div.m-seal-features  li:before{
     padding-left: 0.5rem;
     vertical-align: text-top;
     font-family: "Font Awesome 5 Pro";
     content: "\f00c";
     font-size: 12px;
     color: rgba(0, 75, 135, 0.75);
     line-height: 30px;
     font-weight: 500
   }
   ul.m-seal-adv li,
   ul.m-seal-or li{
     margin-bottom: 5px;
     color: #7a7a7a;
     font-weight: 300;
   }
   ul.m-seal-adv li:before{
     padding-left: 0.5rem;
     vertical-align: text-top;
     font-family: "Font Awesome 5 Pro";
     content: "\f00c";
     font-size: 12px;
     color: rgba(0, 75, 135, 0.75);
     line-height: 30px;
     font-weight: 500
   }
   ul.m-seal-or li:before{
     padding-left: 0.5rem;
     font-family: "Font Awesome 5 Pro";
     content: "\f053";
     font-size: 12px;
     color: rgba(0, 75, 135, 0.75);
     line-height: 30px;
     font-weight: 500
   }
   div.m-seal-matr{
     direction: ltr;
     line-height: 2rem;
     color: #7a7a7a;
   }
   div.m-seal-matr b{
     color: #23364b
   }
   p.m-seal-features{
     line-height: 2rem;
   }
   img.seal-draft{
     width: 100%
   }
   img.seal_info_image{
     width: 100%;
   }
   /*mseal.tpl*/
@media only screen and (max-width: 600px) {
 .m-seal-h1 span {
   color: #23364b;
   padding: 0 1rem;
   font-size: 1rem;
   text-shadow: 0px 1px 1px #bdb5b5;
   font-weight: 300;
   }
}
.m-seal-mininame{
  position: absolute;
  top: 1.3rem;
  font-weight: 400;
  font-size: 1rem;
  left: 1rem;
  color: #23364b;
}
@media only screen and (max-width: 840px) {
  .m-seal-mininame {
  font-size: 0.8rem
  }
}
/*end mseal.tpl*/
table.belt_list_table {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
}
p.belt_list_tatu {
  margin-top: -0.7rem;
  font-size: 12px;
  text-align: center;
}
table.belt_list_table {
    width: 100%;
}
table.belt_list_table thead td {
  font-weight: 600;
}
table.belt_list_table td {
    border: 1px solid #f1f1f1;
    padding: 12px;
    text-align: center;
}
div.belt-subcat-box{
  background: #fff;
  padding: 1rem;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
div.belt-subcat-box img{
  width: 100%
}
div.belt-subcat-box h2{
  font-size: 1rem;
  font-weight: 600;
  color: #23374b;
  margin-top: 1rem;
  text-align: center;
}
div.belt-subcat-box p{
  word-wrap: break-word;
  font-size: 0.8rem;
  font-weight: 300;
  color: #979797;
  margin-top: 1rem;
  text-align: center;
}
hr.style-two {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  border: 0;
  height: 1px;
  display: block;
  background-image: linear-gradient(to right,rgba(0,0,0,0),rgb(0 0 0 / 75%),rgba(0,0,0,0));
}
div.pb_belt_list {
  display: inline-block;
  background-color: #fff;
  padding: 14px;
  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
div.pb_belt_list p {
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0;
  color: #666;
  font-weight: 100;
}
/*belt phase css start*/
div.belt-box{
  background: #fff;
  padding: 1rem;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
div.belt-box:hover{
  outline: 5px solid #23364b;
}
p.belt-box{
  background: #fff;
  padding: 1rem;
  line-height: 2rem;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
  font-weight: 300;
  text-align: justify;
}
div.belt-box img{
  width: 100%
}
div.belt-box h2{
  font-size: 1rem;
  font-weight: 600;
  line-height: 2rem;
  color: #23374b;
  margin-top: 1rem;
}
div.belt-box h3{
  word-wrap: break-word;
  font-size: 0.8rem;
  font-weight: 300;
  color: #979797;
  margin-top: 1rem;
  min-height: 2rem;
}
div.belt-box h3.cwr{
  color: #f35f5f;
}
tr.selected-bearing {
    border-top: 6px solid #b5b5b5;
    border-bottom: 6px solid #b5b5b5;
    color: #727272;
}
  tr.selected-belt {
    border-top: 6px solid #b5b5b5;
    border-bottom: 6px solid #b5b5b5;
    background: #eee;
  }
  table.belt_list_table tr.selected-belt td {
    border: 1px solid #b5b5b5;
    padding: 12px;
    text-align: center;
  }
  div.belt-tag-box a{
    background: #418eff;
    border-radius: 5px;
    color: #fff;
    font-weight: 100;
    padding: 3px 6px;
    margin: 0 0 5px 1px;
    display: inline-grid;
    font-size: 14px;
  }
  div.belt-tag-box{
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    background: #FFF;
    border-radius: 5px;
    padding: 1rem;
    margin-top: 1rem;
  }
  h3.belt_series_table{
    text-align: center;
    font-weight: 300;
  }
  tr.selected-belt {
    border-top: 6px solid #b5b5b5;
    border-bottom: 6px solid #b5b5b5;
    background: #eee;
  }
  table.belt_list_table tr.selected-belt td {
    border: 1px solid #b5b5b5;
    padding: 12px;
    text-align: center;
  }
  div.belt-tag-box a{
    background: #418eff;
    border-radius: 5px;
    color: #fff;
    font-weight: 100;
    padding: 3px 6px;
    margin: 0 0 5px 1px;
    display: inline-grid;
    font-size: 14px;
  }
  div.belt-tag-box{
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    background: #FFF;
    border-radius: 5px;
    padding: 1rem;
    margin-top: 1rem;
  }
  h3.belt_series_table{
    text-align: center;
    font-weight: 300;
  }
  p.nokte{
    font-weight: 300;
    color: #02a305;
  }
  p.nokte_red{
    font-weight: 300;
    color: #db4040;
  }
/*end of belt phase css*/
p.bheader{
  font-weight: 300;
  margin: 0;
  color: #fff;
}
div.lined-header{
  margin: 1rem;
  text-align: right;
  border-bottom: solid 4px #3d72f5;
  display: table-cell;
  font-size: 1.5rem;
  padding: 0 1rem 0.7rem 1rem;
}
section.indust-section{
  background: #fff;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
section.indust-section p{
  line-height: 2rem;
}
.f-left{
  float: left;
}

div.material_min_box{
  background: #fff;
  padding: 0.7rem;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
div.material_min_box img{
  background: #f1f1f1;
  box-shadow:	inset 0  0 4px rgb(0 0 0 / 8%);
  width: 100%;
}
div.material_min_box h2{
  padding: 0.7rem 0 0 0;
  text-align: center;
  margin-bottom: 0;
  font-weight: 300;
  color: #23364b;
  font-size: 1rem;
}
div.material-img-box img{
  width: 100%;
}
div.material-desc h2{
  font-weight: 400;
  display: inline-block;
  padding-bottom: 0.6rem;
  border-bottom: 4px solid #1689ca;
  margin-bottom: 0;
}
div.material-desc p{
  line-height: 2rem;
  text-align: justify;
  font-weight: 300;
}
hr.style-material {
  margin-top: 0;
  background: #c1c1c1;
}
div.material-desc ul{
  line-height: 2rem;
  color: #7a7a7a;
  font-weight: 200;
  list-style: auto;
  margin-right: 2rem;
}
.mw-300{
    max-width:300px;
}

.subcategories-list{
  padding: 1rem 0 0 0;
  margin-bottom: 0;
}
.subcategories-list a{
  font-size: 0.8rem;
  color: #999;
  font-weight: 400;
}
.subcategories-list a::before{
    color: #999;
    content: "";
    position: relative;
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    right: 0;
    margin-left: 10px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 0;
    vertical-align: middle;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
}

.topbar {
    background: transparent;
    max-height: none;
    margin-top: 0.5rem;
}
.topbartell a {
    font-weight: 100;
    float: right;
    background: #0079ff;
    padding: 7px 1rem 7px 1rem;
    border-radius: 3px;
    display: inline-block;
    color: white;
    user-select: none;
    font-family: IRANSnum;
   
}
.user-info{
    display: inline-block;
    float: left;
}
hr.header-hr{
  margin-top: 0.5rem;
  margin-bottom: 0 ;
}
div.user-info .account {
    float: left;
    position: relative;
    color: white;
    background: #0079ff;
    padding: 7px 1rem 7px 1rem;
    border-radius: 3px;
    display: inline-block;
    user-select: none;
}
.user-info .account span {
    font-weight: 100;
    margin-top: 0.125rem;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
}
.user-info .account span.nu {
    font-size: 0.9rem;
    color: black;
}
.user-info-hover-content {
    display: none;
    position: absolute;
    top: 2.3rem;
    left: 0;
    width: 200px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 7px rgba(0,0,0,.4);
    margin: 5px 0 0 0;
    padding: 10px 10px 0 10px;
}
.user-info-hover-content:before, .cart-hover-content:before {
    position: absolute;
    height: 4px;
    background-color: #355ba1;
    bottom: 100%;
    left: 0;
    right: 0;
    content: " ";
}
.user-info-hover-content i{
    padding-left: 1rem;
}
.user-info-dropdown-login {
    background-color: #355ba1;
    border-radius: 5px;
    display: block;
    width: 100%;
    text-align: center;
    height: 40px;
    vertical-align: middle;
    letter-spacing: -.5px;
    cursor: pointer;
    color: #fff;
    font-weight: 100;
    font-size: 14px;
    font-size: 1rem;
    line-height: 38px;
}
.user-info-dropdown-sign-up {
   line-height: 50px;
   font-weight: 100;
   border-bottom: 1px solid #3d3d3f;
}
.user-info-dropdown-sign-up a{
    font-size: 0.8rem;
}
.user-info-dropdown-sign-up-actions,.user-info-dropdown-sign-up-actions:hover {
    text-align: right;
    position: relative;
    color: #000;
    font-size: 0.9rem;
    line-height: 40px;
    vertical-align: middle;
    display: block;
    font-weight: 100;
    text-decoration: none;
}