/*************** MAINBODY *****************/
@font-face {
  font-family: YekanBakh;
  font-style: normal;
  font-weight: 100;
  src: url('../../fonts/YekanBakh/otf/YekanBakh-Thin.otf');
  src: url('../../fonts/YekanBakh/ttf/YekanBakh-Thin.ttf') format('truetype'), url('../../fonts/YekanBakh/woff/YekanBakh-Thin.woff') format('woff'), url('../../fonts/YekanBakh/woff2/YekanBakh-Thin.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: YekanBakh;
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/YekanBakh/otf/YekanBakh-Light.otf');
  src: url('../../fonts/YekanBakh/ttf/YekanBakh-Light.ttf') format('truetype'), url('../../fonts/YekanBakh/woff/YekanBakh-Light.woff') format('woff'), url('../../fonts/YekanBakh/woff2/YekanBakh-Light.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: YekanBakh;
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/YekanBakh/otf/YekanBakh-Regular.otf');
  src: url('../../fonts/YekanBakh/ttf/YekanBakh-Regular.ttf') format('truetype'), url('../../fonts/YekanBakh/woff/YekanBakh-Regular.woff') format('woff'), url('../../fonts/YekanBakh/woff2/YekanBakh-Regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: YekanBakh;
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/YekanBakh/otf/YekanBakh-SemiBold.otf');
  src: url('../../fonts/YekanBakh/ttf/YekanBakh-SemiBold.ttf') format('truetype'), url('../../fonts/YekanBakh/woff/YekanBakh-SemiBold.woff') format('woff'), url('../../fonts/YekanBakh/woff2/YekanBakh-SemiBold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: YekanBakh;
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/YekanBakh/otf/YekanBakh-Bold.otf');
  src: url('../../fonts/YekanBakh/ttf/YekanBakh-Bold.ttf') format('truetype'), url('../../fonts/YekanBakh/woff/YekanBakh-Bold.woff') format('woff'), url('../../fonts/YekanBakh/woff2/YekanBakh-Bold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: YekanBakh;
  font-style: normal;
  font-weight: 800;
  src: url('../../fonts/YekanBakh/otf/YekanBakh-ExtraBold.otf');
  src: url('../../fonts/YekanBakh/ttf/YekanBakh-ExtraBold.ttf') format('truetype'), url('../../fonts/YekanBakh/woff/YekanBakh-ExtraBold.woff') format('woff'), url('../../fonts/YekanBakh/woff2/YekanBakh-ExtraBold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: YekanBakh;
  font-style: normal;
  font-weight: 900;
  src: url('../../fonts/YekanBakh/otf/YekanBakh-Black.otf');
  src: url('../../fonts/YekanBakh/ttf/YekanBakh-Black.ttf') format('truetype'), url('../../fonts/YekanBakh/woff/YekanBakh-Black.woff') format('woff'), url('../../fonts/YekanBakh/woff2/YekanBakh-Black.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: "lightcase";
  font-weight: normal;
  font-style: normal;
  src: url("/Themes/corporate12/static/fonts/lightcase/lightcase.eot");
  src: url("/Themes/corporate12/static/fonts/lightcase/lightcase.ttf") format("ttf"), url("/Themes/corporate12/static/fonts/lightcase/lightcase.woff") format("woff"), url("/Themes/corporate12/static/fonts/lightcase/lightcase.svg") format("svg");
  font-display: swap;
}
input[type="text"]:focus {
  border: 1px solid #007AFF;
}
.form-check-input:focus {
  box-shadow: unset;
}
.form-control:focus {
  box-shadow: unset;
  border-color: #007AFF;
}
h1,
h2,
h3,
.hand-writing,
.lora-font {
  line-height: normal;
  margin: 0;
}
h4 {
  font-weight: normal;
  color: #333;
  line-height: 1.7;
  font-size: 12pt;
}
:root {
  --blue-primary: #007AFF;
  --muted-gray: #6e6e73;
  --deep-gray: #1d1d1f;
  --red-alert: #ff3b30;
  --dark-gray: #424245;
  --blue-secondary: #252241;
  --nlight-gray: #696969;
  --middle-gray: #575666;
}
.text-center {
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: center;
}
.mdi-close {
  cursor: pointer;
}
.mobile-section {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background: #F5F5F7;
  z-index: 1000;
  overflow-y: auto;
  padding-top: 90px;
}
.mobile-section .container {
  padding-right: 15px;
  padding-left: 15px;
}
/*---------------------------- menuResize ---------------------------------------*/
.Menu2 {
  overflow-y: auto;
  height: 100%;
}
.Menu2 .d-flex {
  justify-content: center;
}
.Menu2 .d-flex .imgLogo > a {
  display: block;
  padding: 20px;
}
.Menu2 .d-flex .imgLogo > a img {
  width: 100px;
}
.Menu2 > ul {
  height: 80%;
  overflow: auto;
}
.Menu2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.Menu2 ul li {
  position: relative;
}
.Menu2 ul li a {
  padding: 15px;
  color: #666;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
  font-size: 14px;
}
.Menu2 ul li a:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
  /*background: var(--maincolor-dark);*/
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  z-index: -1;
}
.Menu2 ul li a:hover {
  /*color: @primary;*/
}
.Menu2 ul li a:hover::before {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.Menu2 ul li.haschild {
  position: relative;
}
.Menu2 ul li.haschild > p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin: 0;
}
.Menu2 ul li.haschild > p a {
  width: 85%;
}
.Menu2 ul li.haschild > p svg {
  width: 10%;
  transition: 0.5s;
}
.Menu2 ul li.haschild > ul {
  display: none;
  background: rgba(0, 0, 0, 0.05);
}
.Menu2 ul li.haschild.open > p svg {
  transform: rotate(180deg);
}
.Menu2.open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.Menu2.open .mdi-close {
  left: -40px;
}
/*---------------------------- header ---------------------------------------*/
header {
  position: relative;
  z-index: 1000;
  margin: auto;
  background-color: white;
  border-bottom: 1px solid #CED4DA;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  /*-----------nav----------*/
}
header .header {
  padding: 23px 0;
  border-bottom: 1px solid #CED4DA;
}
header .header .logo {
  margin-left: 24px;
}
header .header input[type='text'] {
  border: 1px solid #CED4DA;
  padding: 8px 16px;
  border-top-right-radius: 4.8px;
  border-bottom-right-radius: 4.8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 48px;
}
header .header .search {
  width: 388px;
}
header .header .search button {
  height: 48px;
  background-color: #007AFF;
  border: 2px solid #007AFF;
  box-shadow: 0px 1px 2px 0px #1018280D;
  padding: 12px 14px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
header .header .search-mobile input[type='text'] {
  color: #007AFF;
  border: unset;
}
header .header .search-mobile input::placeholder {
  color: #007AFF;
}
header .header .comparison {
  padding: 12px 18px;
  transition: 0.5s;
}
header .header .comparison:hover > * {
  color: #085dc5;
}
header .header .basket-header {
  padding: 12px 18px;
  cursor: pointer;
  transition: 0.5s;
}
header .header .basket-header:hover > * {
  color: #085dc5;
}
header .header .login {
  position: relative;
  background-color: #007AFF;
  padding: 12px 8px;
  border: 2px solid #007AFF;
  border-radius: 8px;
  height: 48px;
  width: 139px;
  text-align: center;
  transition: 0.5s;
  cursor: pointer;
}
header .header .login:hover {
  background-color: #085dc5;
}
header .header .login .user-account {
  display: none;
  width: 160px;
  padding: 6px 12px;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 50px;
  list-style: none;
  margin: 0;
  border-radius: 8px;
  border: 1px solid #F0F0F0;
  background: #FFF;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
header .header .login .user-account .account-item {
  display: flex;
  padding: 10px 0px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-bottom: 1px solid #F5F5F7;
  transition: 0.5s;
}
header .header .login .user-account .account-item:hover .account-link {
  color: #007aff;
}
header .header .login .user-account .account-item:hover .exitBtn {
  color: #E8362C;
}
header .header .login .user-account .account-item .account-link {
  color: #535862;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
}
header .header .login .user-account .account-item .exitBtn {
  color: #E8362C;
}
header .nav .nav-item:hover {
  background-color: transparent !important;
}
header .nav .nav-item:hover .icon-down {
  opacity: 1;
  visibility: visible;
}
header .nav .nav-item:hover .nav-link {
  color: black;
}
header .nav .nav-item .icon-down {
  position: relative;
  display: block;
  width: 100%;
  height: 4px;
  padding: 0;
  background-color: #007AFF;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
header .nav .nav-item .icon-down:after {
  position: absolute;
  content: "";
  bottom: 4px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #007AFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 24px;
  height: 4px;
}
header .nav .nav-item .nav-link {
  border: unset;
  color: #696969;
  font-size: 14px;
}
header .nav .nav-item.drop-mega {
  position: unset;
}
header .nav .nav-item.drop-mega:hover .megamenu {
  opacity: 1;
  visibility: visible;
  display: block;
}
header .nav .dropItem:hover .megamenu {
  opacity: 1;
  visibility: visible;
}
header .nav .nav-item.active {
  /*position: relative;*/
}
header .nav .nav-item.active .icon-down {
  opacity: 1;
  visibility: visible;
}
header .nav .nav-item.active .nav-link {
  color: black;
}
header .nav .dropdown {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  width: 100%;
}
header .nav .dropdown .drop-item {
  position: relative;
}
header .nav .dropdown .drop-item > a {
  color: #696969;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: block;
  padding: 20px 25px;
}
header .nav .dropdown .drop-item:hover > ul {
  display: block;
}
header .nav .dropdown .drop-item:hover > a {
  color: var(--maincolor-dark);
}
header .nav .dropdown .drop-item.active > a {
  color: var(--maincolor-dark);
}
header .nav .dropdown .drop {
  position: relative;
}
header .nav .dropdown li {
  position: relative;
  transition: 0.5s;
}
header .nav .dropdown li:hover {
  background-color: #ECEDEE;
}
header .nav .dropdown li > a {
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 15px 20px;
}
header .nav .dropdown li > ul {
  position: absolute;
  top: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  flex-direction: column;
  gap: 4px;
  line-height: normal;
  background-color: white;
  z-index: 111;
  width: 234px;
  border-radius: 8px;
}
header .nav .dropdown li > ul li > a {
  text-align: right;
  color: #202327;
  font-size: 14px;
  padding: 10px 25px;
  display: block;
  white-space: nowrap;
}
header .nav .dropdown li > ul li > ul {
  right: 100%;
  top: 0;
}
header .nav ul li:hover > ul {
  display: flex;
}
header .nav .submenu-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .megamenu {
  position: absolute;
  right: 0;
  top: 55px;
  margin: auto;
  width: 100%;
  padding: 24px;
  background-color: white;
  border-radius: 12px 0 12px 12px;
  opacity: 0;
  visibility: hidden;
  display: none;
}
header .megamenu .menu-box {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
header .megamenu .menu-box .menu-img img {
  border-radius: 12px;
  overflow: hidden;
  width: 233px;
  height: 118px;
  object-fit: cover;
}
header .megamenu .menu-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
header .megamenu .menu-item .title {
  font-size: 18px;
  font-weight: 700;
  color: #1d1d1f;
}
header .megamenu .mega-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
header .megamenu .mega-nav .mega-item:hover {
  background-color: transparent;
}
header .megamenu .mega-nav .mega-item:hover .mega-link {
  color: #007AFF;
}
header .megamenu .mega-nav .mega-item .mega-link {
  font-size: 14px;
  font-weight: 600;
  color: #1d1d1f;
  padding: 0;
  text-align: right;
}
.header-mobile {
  position: fixed;
  width: 100%;
}
.header-mobile .header {
  border-bottom: none !important;
}
.bgScreen {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: 100vh;
  display: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.menufix {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(3, 3, 3, 0.1);
  -moz-box-shadow: 0 1px 1px 0 rgba(3, 3, 3, 0.1);
  box-shadow: 0 1px 1px 0 rgba(3, 3, 3, 0.1);
}
/*---------------------------- Responsive ---------------------------------------*/
@media only screen and (max-width: 1400px) {
  .nav .dropdown li > a {
    padding: 15px 10px;
  }
  .nav .dropdown li > ul {
    width: 220px;
  }
  header .nav .dropdown li > a {
    padding: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .compares .table {
    width: 215%;
  }
}
@media only screen and (max-width: 576px) {
  header .phone .ms-3 {
    margin-left: 0.5rem !important;
    font-size: 14px !important;
  }
  header .header input[type='text'] {
    padding: 8px 0;
  }
}
footer {
  position: relative;
  padding-top: 32px;
}
footer .footer .footer-border {
  border: 1px solid #E9EAEB;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
footer .col-lg-2 {
  padding: 0;
}
footer .LPart {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
footer .btnMore-footer {
  display: none;
}
/*------------------- footer -----------------*/
.social ul {
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px;
}
.social ul li {
  width: 44px;
  height: 44px;
  border: 1px solid #D5D7DA;
  border-radius: 8px;
  padding: 10px;
}
.namad .namad-link {
  width: 33%;
}
.namad .namad-link img {
  width: 75px;
  height: 100px;
  object-fit: cover;
}
.footer-title {
  padding: 8px 16px;
  font-weight: 600;
}
.footer-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer-col .footer-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-col .footer-nav .footer-item {
  padding: 8px 16px;
  text-align: right;
  transition: 0.5s;
}
.footer-col .footer-nav .footer-item:hover .footer0-link span {
  color: #007AFF !important;
}
.copy-right {
  border-top: 1px solid #E9EAEB;
  padding: 16px 0;
}
.copy-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.copy-right ul li {
  padding: 8px 16px;
}
/*---------------------------- Responsive ---------------------------------------*/
@media only screen and (max-width: 1200px) {
  footer {
    padding-top: 0;
    padding-bottom: 100px;
  }
  footer .col-lg-2 {
    width: 50%;
  }
  footer .LPart .footer-border .row {
    gap: 16px;
  }
  footer .LPart .footer-border .justify-content-start {
    justify-content: center !important;
  }
  footer .LPart .footer-border .gap-1 {
    justify-content: center !important;
  }
  footer .LPart .namad-icon {
    margin-bottom: 32px;
  }
  .btnMore-footer {
    display: block !important;
    padding-top: 24px;
    padding-bottom: 16px;
    cursor: pointer;
  }
  .hide-item {
    height: 300px;
    overflow: hidden;
    transition: 0.5s;
  }
  .hide-item.open {
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .copy-right {
    flex-direction: column;
  }
}
html {
  scroll-behavior: smooth;
}
ul,
ol {
  padding: 0;
  margin: 0;
}
[type=reset],
[type=submit],
button,
html [type=button] {
  outline: none;
}
input[type='text']::placeholder {
  color: #6C757D;
}
a:-webkit-any-link:focus-visible {
  outline-offset: unset;
}
:focus-visible {
  outline: none;
}
/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  /*background: @primary;*/
  border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}
.MainContent {
  padding: 24px 0;
}
button {
  border: none;
  outline: none;
  background-color: transparent;
}
.shopping-icon {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background-color: #007AFF;
}
input[type="text"]::placeholder {
  color: #007AFF;
  font-size: 14px;
}
.limite-text-one {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.limite-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
input[type="text"]::placeholder {
  color: #1d1d1f;
}
.icon-compare {
  transition: 0.5s;
  cursor: pointer;
}
.icon-compare svg:hover path {
  stroke: #085dc5;
}
/*================similar-products===============*/
.similar-products .owl-stage {
  padding-right: 0 !important;
}
.similar-products .owl-nav,
.similar-products .owl-dots {
  display: none;
}
.similar-products .head {
  padding: 40px 0;
}
.similar-products .head .more-btn {
  display: flex;
  height: 34px;
  padding: 4px 9px 4px 7px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 100px;
  border: 1px solid #D5D7DA;
  background: #FFF;
  width: 128px;
  transition: 0.5s;
}
.similar-products .head .more-btn:hover {
  border: 1px solid #085dc5;
}
.similar-products .head .more-btn:hover > * {
  color: #085dc5 !important;
}
.color-icon {
  position: absolute;
  left: 18px;
  top: 12px;
  list-style: none;
}
.color-icon li {
  margin-bottom: 6px;
}
.color-icon li span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.seosection {
  position: relative;
  background-color: #F5F5F7;
}
.seosection .seosection-box {
  background-color: white;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.category-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #F5F5F7;
  padding: 12px;
  border-radius: 8px;
}
.category-list .category-item a {
  color: #535862;
  font-size: 16px;
}
/*global-card*/
.global-card {
  background-color: white;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  transition: 0.5s;
  min-height: 380px;
}
.global-card .off {
  position: absolute;
  right: 16px;
  top: 22px;
  border-radius: 8px;
  background-color: #FF3B30;
  color: white;
  font-size: 14px;
  width: 32px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.global-card:hover {
  box-shadow: 0px 16px 16px -8px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05);
}
.global-card .global-img {
  position: relative;
  padding: 15px;
}
.global-card .global-img img {
  width: 200px;
  height: 200px;
  object-fit: cover;
}
.global-card .global-img .special {
  background-color: #0FB5AE;
}
.global-card .global-img .not-available {
  background-color: #535862;
}
.global-card .remove-product {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(255, 255, 255, 0.3);
  padding: 4px;
  width: 32px;
  height: 32px;
  border: 1px solid #ff3b30;
  border-radius: 8px;
  backdrop-filter: blur(4px);
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
.global-card .remove-product:hover {
  background: #ff3b30;
}
.global-card .remove-product:hover i {
  color: white;
}
.global-card .remove-product i {
  font-size: 20px;
  color: #ff3b30;
  display: flex;
  align-items: center;
  justify-content: center;
}
.global-card .global-info {
  padding: 0 16px 16px 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  min-height: 120px;
}
.global-card .global-info h2 {
  min-height: 50px;
}
.global-card .global-info .add-basket .price span {
  font-weight: 600;
}
.icon {
  position: absolute;
  right: 8px;
  bottom: 0;
  padding: 8px 12px;
  border-radius: 8px;
  color: white;
  height: 31px;
  display: flex;
  align-items: center;
}
.new {
  background-color: #007AFF;
}
.accordion {
  border-radius: 12px;
}
.accordion .accordion-button {
  gap: 10px;
  padding: 1rem 0;
}
.accordion-button::after {
  margin-right: auto;
  margin-left: unset;
}
.accordion-button:not(.collapsed) {
  color: #007AFF;
  background-color: transparent;
  box-shadow: unset;
}
.accordion-button:focus {
  box-shadow: unset;
}
.accordion-item {
  border: transparent;
}
.sort {
  padding: 24px 0;
}
.sort .sort-nav .sort-item {
  padding: 9px 18px;
  background-color: white;
  border: 1px solid #D5D7DA;
  border-radius: 8px;
  display: flex;
  gap: 6px;
  box-shadow: 0px 1px 2px 0px #1018280D;
  transition: 0.5s;
  cursor: pointer;
}
.sort .sort-nav .sort-item:hover {
  border: 1px solid #085dc5;
}
.sort .sort-nav .sort-item.active {
  border: 1px solid #489FFF;
}
.sort .sort-nav .sort-item.active .sort-link {
  color: #007AFF;
}
.sharewrap {
  position: relative;
}
.sharewrap .btnshare {
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #6E6E73;
  color: #575666;
  cursor: pointer;
  transition: 0.5s;
}
.sharewrap .btnshare:hover {
  color: #085dc5;
  border: 1px solid #085dc5;
}
.sharewrap .share {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  z-index: 1;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  height: 43px;
  overflow: hidden;
  border: 1px solid #ccc;
  /*opacity: 0;*/
  left: 0;
  border: 1px solid #CECECF;
  border-radius: 8px;
}
.sharewrap .share a {
  display: block;
  color: var(--titlecolor);
  padding: 0 10px;
  font-size: 15pt;
}
.sharewrap .share a:hover {
  color: red;
}
.sharewrap .share-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 0;
  margin-left: 170px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.sharewrap .share-icon .icon-triangle {
  position: absolute;
  content: '';
  left: -11px;
  top: 43%;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #CECECF;
  clear: both;
  transform: rotate(90deg);
}
.sharewrap .open.share-icon {
  width: 188px;
  opacity: 1;
  visibility: visible;
}
.category-slide {
  padding-bottom: 18px;
}
.category-slide .owl-nav button {
  position: absolute;
  top: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-slide .owl-nav button:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 38px;
  height: 38px;
  border: 1px solid #EBEBEB;
}
.category-slide .owl-nav button span {
  display: none;
  position: relative;
}
.category-slide .owl-nav .owl-prev {
  right: 0;
}
.category-slide .owl-nav .owl-prev:after {
  background: url(../../image/right.png) no-repeat;
  background-position: center;
}
.category-slide .owl-nav .owl-next {
  left: 31px;
}
.category-slide .owl-nav .owl-next:after {
  background: url(../../image/left.png) no-repeat;
  background-position: center;
}
.category-slide .owl-dots {
  display: none;
}
.category-slide .category-box {
  border-radius: 12px;
  padding: 24px 12px;
  gap: 12px;
  background-color: white;
  justify-content: center;
  font-weight: 600;
  transition: 0.5s;
  margin-bottom: 15px;
}
.category-slide .category-box:hover {
  box-shadow: 0px 16px 16px -8px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05);
}
.category-slide .category-box img {
  width: 80px;
  height: 80px;
  margin: 0;
}
.custom-btn {
  background-color: #007AFF;
  border: 2px solid #007AFF;
  box-shadow: 0px 1px 2px 0px #1018280D;
  padding: 12px 18px;
  border-radius: 8px;
  transition: 0.5s;
  cursor: pointer;
}
.custom-btn:hover {
  background-color: #085dc5;
}
.btnCustom {
  display: inline-block;
  color: white !important;
  border: 1px solid #007AFF;
  background: #007AFF !important;
  padding: 10px 18px;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  background: transparent;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btnCustom:hover {
  background: white !important;
  color: #007AFF !important;
}
.custom-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 12px;
  background: white;
}
.basket-card .off {
  position: absolute;
  right: 16px;
  top: 22px;
  border-radius: 8px;
  background-color: #FF3B30;
  color: white;
  font-size: 14px;
  width: 32px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.basket-card .price .off {
  top: 0;
}
.addpro-basket input {
  border: none !important;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  padding-right: 0 !important;
  background-color: transparent;
}
.addpro-basket button {
  width: 48px;
  height: 48px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  font-size: 20px;
}
.addpro-basket .add-item {
  border: 2px solid #007AFF;
  background: #007AFF;
  color: white;
}
.addpro-basket .add-item > * {
  font-size: 30px;
}
.addpro-basket .remove-item {
  border: 1px solid #489FFF;
  background: white;
  color: #007AFF;
}
.addpro-basket .remove-item > * {
  font-size: 30px;
}
.warranty {
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-variants {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
.product-variants li {
  padding: 12px 18px;
  border-radius: 8px;
  border: 1px solid #D5D7DA;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  transition: 0.5s;
}
.product-variants li:hover {
  border: 1px solid #085dc5;
  cursor: pointer;
}
.product-variants li.selected {
  border: 1px solid #007AFF;
}
.product-variants .circle-color {
  width: 14px;
  height: 14px;
  border-radius: 100%;
}
.specs ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  gap: 5px;
}
.specs ul li {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 18px;
  border-radius: 8px;
  background: #F5F5F7;
  width: 32%;
  text-align: right;
}
.spec-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  /* required */
}
.specifications {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #EBEBEB;
  overflow: auto;
}
.specifications li {
  padding: 12px 24px;
}
.specifications li.active {
  border-bottom: 3px solid #007AFF;
}
.comments {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  background: #FFF;
}
.comments .comments-box {
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 24px;
  border-radius: 8px;
  background: #FAFAFA;
}
.comments .comments-box .comment-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.comments ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.comments .rate-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
form .form-control {
  border-radius: 4.8px;
  border: 1px solid #CED4DA;
  background: #FFF;
  height: 48px;
  font-size: 16px;
}
form textarea.form-control {
  height: 86px;
}
.toggle-form-btn {
  cursor: pointer;
  transition: 0.5s;
}
.toggle-form-btn:hover {
  color: #085dc5;
}
.tags .tag-item {
  display: flex;
  padding: 9px 18px;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid #D5D7DA;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  transition: 0.5s;
}
.tags .tag-item:hover {
  border: 1px solid #085dc5;
}
.tags .tag-item:hover .tag-link {
  color: #085dc5 !important;
}
timer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row-reverse wrap;
  margin: 0;
  gap: 4px;
}
timer > i {
  color: #ca1c05;
}
timer > * {
  color: white;
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
  font-size: 12pt;
  padding: 0;
  margin: 0;
  position: relative;
  margin-bottom: 0;
  border-radius: 8px;
  background: #FF3B30;
  width: 48px;
  height: 48px;
  padding: 8px;
  line-height: 1;
}
timer .days:after {
  content: 'روز' !important;
}
timer .hours:after {
  content: 'ساعت' !important;
}
timer .minutes:after {
  content: 'دقیقه' !important;
}
timer .seconds:after {
  content: 'ثانیه' !important;
}
/*basket*/
.basket-payment {
  position: fixed;
  left: 0;
  width: 33%;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: white;
  z-index: 100000;
  display: flex;
  flex-direction: column;
  border-radius: 0px 12px 12px 0px;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.basket-payment.open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.basket-mobile {
  overflow-y: auto;
  height: 100%;
}
.basket-mobile .head {
  border-bottom: 1px solid #EBEBEB;
}
.basket-mobile .head .mdi-close {
  cursor: pointer;
}
.basket-mobile .addpro-basket {
  width: 45%;
}
.basket-mobile .body-payment {
  display: flex;
  flex-direction: column;
  max-height: 600px;
  overflow-y: auto;
}
.basket-mobile .body-payment .payment-box {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #EBEBEB;
  padding: 24px 0;
}
.basket-mobile .body-payment .payment-box .image {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid #D5D7DA;
}
.basket-mobile .body-payment .payment-box .image img {
  width: 90px;
  height: 100px;
  object-fit: cover;
}
.basket-mobile .body-payment .payment-box .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.basket-mobile .foot {
  position: absolute;
  bottom: 85px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.basket-mobile .foot .off {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 8px;
  background-color: #FF3B30;
  color: white;
  font-size: 14px;
  width: 32px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*pagination*/
.pagination ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background-color: white;
  border-radius: 50px;
  padding: 1rem;
}
.pagination ul li {
  cursor: pointer;
  text-align: center;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination ul .dots {
  cursor: default;
}
.pagination ul span {
  display: block;
}
.pagination ul .prev span,
.pagination ul .next span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16pt;
  line-height: 1;
}
.pagination ul .prev,
.pagination ul .next {
  background-color: #c62325;
}
.pagination ul .prev {
  border-radius: 100%;
  color: #fff;
  width: 36px;
  height: 36px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.pagination ul .next {
  border-radius: 100%;
  color: #fff;
  width: 36px;
  height: 36px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.pagination .num {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.pagination ul .active,
.pagination ul .num:hover,
.pagination ul .btn:hover {
  background-color: #c62325;
  color: #007AFF;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.pagination #par {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100vh;
  z-index: -1;
  overflow: hidden;
}
body {
  font-family: YekanBakh, tahoma, 'Cabin', sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: normal;
  background-color: #F5F5F7;
  color: #696969;
  font-size: 12px;
  text-align: justify;
  position: relative;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body a {
  text-decoration: none !important;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  box-sizing: border-box;
}
body a:hover,
body a:focus {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  color: var(--secondcolor);
}
body p {
  font-size: 16px;
  color: #424245;
  margin: 0;
}
.modal-header {
  z-index: 1;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.modal-header header .header {
  border-bottom: none !important;
}
.modal-header .btn-close {
  position: absolute;
  left: 15px;
}
.modal-body {
  background-color: #F5F5F7;
}
.modal-body .accordion-body {
  padding: 0;
}
.modal-body label.form-check-label {
  padding-right: 0;
}
.modal-title {
  color: #1d1d1f;
  font-size: 18px;
}
.modal-footer .off {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 8px;
  background-color: #FF3B30;
  color: white;
  font-size: 14px;
  width: 32px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .basket-mobile .foot {
  position: fixed;
  background-color: white;
  padding: 15px 24px;
}
#basket-mobile .modal-footer {
  position: relative;
  bottom: 100px;
}
.modal .owl-dots {
  display: none;
}
#sync1-modal .owl-nav {
  display: block;
  margin-top: 0 !important;
}
#sync1-modal .owl-nav button {
  position: absolute;
  top: 42%;
  width: 38px;
  height: 38px;
  background-color: white !important;
}
#sync1-modal .owl-nav button:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 32px;
  height: 32px;
}
#sync1-modal .owl-nav button span {
  display: none;
}
#sync1-modal .owl-nav .owl-prev {
  right: 0;
}
#sync1-modal .owl-nav .owl-prev:after {
  background: url(../../image/right.png) no-repeat;
  background-position: center;
}
#sync1-modal .owl-nav .owl-next {
  left: 0;
}
#sync1-modal .owl-nav .owl-next:after {
  background: url(../../image/left.png) no-repeat;
  background-position: center;
}
.top-section {
  border-bottom: 1px solid #EBEBEB;
  margin: 0 auto 24px auto;
  padding-bottom: 10px;
  padding-top: 15px;
}
.basket-card .price .off {
  right: 10px;
}
.tableInBox .remove-list {
  color: #EB5757;
  font-size: 20px;
  font-weight: 700;
}
.tableInBox .tableIn {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0;
}
.tableInBox .tableIn .title {
  font-size: 16px;
  color: #202327;
  font-weight: 700;
}
.tableInBox .tableIn .info {
  font-size: 16px;
  color: #333436;
  text-align: right;
  padding: 5px 0;
  margin: auto auto auto 10px;
  border-bottom: 1px solid #D5D7DA;
  white-space: break-spaces;
}
.compares .table th {
  font-size: 16px;
  color: #202327;
  font-weight: 700;
  border-bottom: 0;
}
.compares .table tr td {
  white-space: break-spaces;
  font-size: 16px;
  color: #333436;
}
.compare-wrap {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
}
.compare-wrap .compare-box {
  width: 24%;
  margin: auto 8px;
}
.tableInBox {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
}
.social {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 16px;
}
.social li {
  border: 1px solid #D5D7DA;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
.social li:hover {
  border: 1px solid #085dc5;
  cursor: pointer;
}
.filter-mobile {
  cursor: pointer;
  display: none;
}
.filter-mobile .head-title {
  display: flex;
  align-items: center;
  background-color: white;
  color: #1d1d1f;
  gap: 12px;
  padding: 24px;
  border-radius: 12px;
  margin-bottom: 24px;
}
.head-title {
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 16px;
}
.author {
  display: flex;
  align-items: center;
  gap: 8px;
}
.author img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin: 0;
  border-radius: 8px;
}
.author ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
}
.author ul li {
  position: relative;
}
.author ul li:not(:last-child):after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -5px;
  margin: auto;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background-color: #575666;
}
.author ul li span {
  color: #696969;
  font-size: 14px;
}
.table tr th {
  width: 25%;
  color: #424245;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.table tr td {
  color: #424245;
  font-size: 16px;
}
.icon-right {
  position: absolute;
  display: block;
  width: 4px;
  height: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  background-color: #007AFF;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  transition: 0.5s;
}
.icon-right:after {
  position: absolute;
  content: "";
  bottom: 0;
  top: 0;
  right: 4px;
  margin: auto;
  background-color: #007AFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 4px;
  height: 24px;
}
/*colors*/
.blue-primary {
  color: #007AFF;
}
.blue-secondary {
  color: #252241;
}
.light-gray {
  color: #696969;
}
.muted-gray {
  color: #6e6e73;
}
.dark-gray {
  color: #424245;
}
.deep-gray {
  color: #1d1d1f;
}
.red-alert {
  color: #ff3b30;
}
/*font-size*/
.size-small {
  font-size: 12px;
}
.size-normal {
  font-size: 14px;
}
.size-medium {
  font-size: 16px;
}
.size-large {
  font-size: 18px;
}
.size-larg2 {
  font-size: 20px;
}
.size-xlarge {
  font-size: 28px;
}
.size-2xlarge {
  font-size: 45px;
}
.size-3xlarge {
  font-size: 80px;
}
.fw-700 {
  font-weight: 700;
}
.fw-600 {
  font-weight: 600;
}
body.off .screen {
  visibility: visible;
  opacity: 1;
}
body.off .screen:before {
  visibility: visible;
  opacity: 1;
}
div.infiniteScrollLoading {
  display: none !important;
}
img {
  display: block;
  max-width: 100%;
  margin: auto;
}
.btnCustom {
  display: inline-block;
  /*color: @primary !important;*/
  /*border: 1px solid @primary;*/
  padding: 10px 18px;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  /*font-family: 'MIRANSans';*/
  background: transparent;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btnCustom:hover {
  /*background: @primary;*/
  /*color: @white !important;*/
}
/*paging*/
.pagination {
  /*margin: 30px auto;*/
  display: block;
}
.pagination .pages {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
.pagination .pages a {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13pt;
  color: #6B767F;
  margin: 0 2px;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #CBCFD2;
}
.pagination .pages a:hover {
  /*background: @primary;*/
  color: #007AFF;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.pagination .pages a.next,
.pagination .pages a.previuse {
  width: 36px;
  height: 36px;
}
.pagination .pages a.next:hover,
.pagination .pages a.previuse:hover {
  /*background: @primary;*/
  color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
.pagination .pages a.next:before,
.pagination .pages a.previuse:before {
  font-size: 18pt;
  display: inline-block;
  font-family: "Material Design Icons";
  vertical-align: middle;
}
.pagination .pages a.next:before {
  content: "";
  background: url(../../image/right.png);
  width: 18px;
  height: 18px;
}
.pagination .pages a.previuse:before {
  content: "";
  background: url(../../image/left.png);
  width: 18px;
  height: 18px;
}
.pagination .pages a.active {
  background: #007AFF;
  color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}
/*paging*/
.paging-model2 {
  position: relative;
}
.paging-model2 .paging {
  display: block;
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: center;
}
.paging-model2 .paging ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.paging-model2 .paging ul li {
  display: inline-block;
  vertical-align: middle;
}
.paging-model2 .paging ul li a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: transparent;
  color: #777777;
  font-size: 10.5pt;
  text-align: center;
  display: block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
.paging-model2 .paging ul li a.active {
  /*background: @primary;*/
  color: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
.paging-model2 .paging ul li a.active,
.paging-model2 .paging ul li:hover a {
  /*background: @primary;*/
  color: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
}
.paging-model2 .paging ul li:first-child a,
.paging-model2 .paging ul li:last-child a {
  position: relative;
  border: none;
  background: transparent;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  font-size: 18pt;
}
.paging-model2 .paging ul li:first-child a:hover,
.paging-model2 .paging ul li:last-child a:hover {
  /*background: @primary;*/
  color: #fff;
}
.paging-model2 .paging:after {
  clear: both;
  display: table;
  content: '';
}
.page-number {
  position: relative;
  background: #f4f4f4;
  height: 24px;
  margin: 0 auto 15px;
  padding: 0 !important;
  display: block;
  width: 100%;
}
.page-number .page-txt {
  float: right;
  /*background-color: @primary;*/
  color: #fff;
  padding: 0 10px 0 0;
  height: 24px;
  font-size: 9pt;
  line-height: 2;
}
.page-number span.infiniteScrollPageContainer {
  /*background: @primary;*/
  color: #fff;
  display: block;
  text-align: center;
  padding: 0px 2px 0 5px;
  position: relative;
  height: 24px;
  font-size: 9pt;
  line-height: 2;
  float: right;
}
.page-number span.infiniteScrollPageContainer:after {
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
  bottom: -12px;
  /*border-top-color: @primary;*/
  content: " ";
  border-width: 6px;
  box-sizing: border-box;
  z-index: 2;
  right: -19px;
}
/*category*/
.parentCategory {
  width: 270px;
  position: relative;
}
.parentCategory .sidebar-widget-title {
  background: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(14, 32, 69, 0.2);
  -moz-box-shadow: 0px 1px 3px 0px rgba(14, 32, 69, 0.2);
  box-shadow: 0px 1px 3px 0px rgba(14, 32, 69, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #41454c;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 10pt;
  height: 40px;
  padding: 0 5px;
  position: relative;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 1;
}
.parentCategory .sidebar-widget-title * {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 11.25pt;
  margin: 0;
}
.parentCategory .sidebar-widget-title * .mdi {
  font-size: 18pt;
  /*color: @primary;*/
  line-height: 1;
}
.parentCategory .sidebar-widget-title i {
  font-size: 18pt;
  left: 7px;
  line-height: 40px;
  position: absolute;
  top: 0;
}
.parentCategory .sidebar-widget-title.categoryTitle i {
  float: right;
  margin-right: 10px;
  vertical-align: bottom;
}
.parentCategory .sidebar-widget-title.categoryTitle i::before {
  font-size: 9pt;
  vertical-align: middle;
}
.parentCategory ul.category {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1), 0 15px 20px -10px rgba(0, 0, 0, 0.1);
  display: none;
  padding-bottom: 10px;
  position: absolute;
  width: 100%;
  z-index: 10;
  padding: 0;
}
.parentCategory ul.category::before {
  border-bottom: 5px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  position: absolute;
  right: 55px;
  top: -5px;
}
.parentCategory ul.category li {
  position: relative;
  list-style: none;
}
.parentCategory ul.category li a {
  color: #808080;
  display: block;
  font-size: 10pt;
  padding: 6px 20px;
  position: relative;
  width: 100%;
}
.parentCategory ul.category li a:hover {
  background-color: #f6f6f6;
  /*color: @primary;*/
}
.parentCategory ul.category li ul {
  background-color: #f6f6f6;
  padding: 0;
}
.parentCategory ul.category li ul li a {
  color: grey;
  font-size: 10.5pt;
  padding: 2px 30px;
}
.parentCategory ul.category li ul li a:hover {
  background-color: #e9e9e9;
  color: #666;
}
.parentCategory ul.category li ul li ul {
  background-color: #e9e9e9;
}
.parentCategory ul.category li ul li ul li a {
  color: grey;
  font-size: 10.5pt;
  padding: 2px 45px 2px 15px;
}
.parentCategory ul.category li ul li ul li a:hover {
  background-color: #f6f6f6;
  /*color: @primary;*/
}
.parentCategory ul.category > li {
  border-bottom: 1px dotted #bfbfbf;
}
.parentCategory ul.category > li:last-child {
  border: 0 none;
}
.parentCategory ul.category li.open > a {
  background-color: #fff;
  /*color: @primary;*/
}
.parentCategory ul.category li.open li.open > a {
  background-color: #e9e9e9;
  color: #666;
}
.parentCategory ul.category li.has-sub > a::after {
  color: #41454c;
  content: "\f0140";
  font-size: 13pt;
  left: 7px;
  line-height: 1.6;
  position: absolute;
  top: 1px;
  z-index: 1000000;
  font-family: MaterialDesignIcons;
}
.parentCategory ul.category li.has-sub ul {
  display: none;
}
.parentCategory ul.category li.has-sub ul li::before {
  right: 30px;
}
.parentCategory ul.category li.has-sub ul li a span::before {
  right: -3px;
  top: 15px;
}
.parentCategory ul.category li.has-sub ul li ul li span::before {
  right: -3px;
}
.parentCategory ul.category li.has-sub ul li.has-sub > a::after {
  top: -3px;
}
.parentCategory ul.category .has-sub.open > a::after {
  content: "\f0143";
}
.parentCategory .sidebar-widget-title.openIt {
  /*background: @primary;*/
  box-shadow: none;
  color: #fff !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.parentCategory .sidebar-widget-title.openIt * {
  color: #fff;
}
.parentCategory .sidebar-widget-title.openIt .mdi-chevron-down::before {
  content: "\f0143";
  color: #fff;
}
.bg-local-primary {
  background-color: var(--maincolor-dark);
}
.bread-crumb {
  position: relative;
  padding: 10px 0;
}
.bread-crumb ol {
  padding: 0;
  margin: 0;
  text-align: right;
}
.bread-crumb ol li {
  display: inline-block;
  position: relative;
  font-size: 10pt;
  vertical-align: middle;
}
.bread-crumb ol li a {
  color: #696969;
  display: flex;
}
.bread-crumb ol li a:hover {
  color: #007AFF;
}
.bread-crumb ol li:not(:last-child) {
  padding-left: 20px;
}
.bread-crumb ol li:not(:last-child):before {
  position: absolute;
  content: '';
  left: 5px;
  font-size: 13pt;
  line-height: 1.3;
  top: 5px;
  color: var(--maincolor-dark);
  background: url(../../image/left.png) no-repeat;
  width: 10px;
  height: 10px;
  background-position: center;
}
.bread-crumb ol li:last-child span {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menu-fixed {
  position: fixed;
  display: none;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background: #FFF;
  z-index: 100000;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.menu-fixed ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 21px 0;
  margin: 0;
}
.menu-fixed ul li a {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}
.menu-fixed ul li a span {
  color: #535862;
  font-size: 14px;
}
.menu-fixed ul li.active a span {
  color: #007AFF;
  font-weight: 700;
}
.menu-fixed ul li.active svg path {
  stroke: #007AFF;
}
.faq {
  position: relative;
  padding: 32px 0 96px 0;
}
.faq .faq-section {
  background-color: white;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.user {
  font-size: 10.5pt;
}
.user a:hover {
  color: var(--color1);
}
.user .forget {
  font-size: 9pt;
}
.user [type="checkbox"]:not(:checked),
.user [type="checkbox"]:checked {
  position: absolute;
  right: -9999px;
  opacity: 0;
}
.user [type="checkbox"] + label {
  position: relative;
  padding-right: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.user [type="checkbox"] + label:before,
.user [type="checkbox"]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  transition: 0.2s;
}
.user [type="checkbox"]:not(.filled-in) + label:after {
  border: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.user [type="checkbox"]:checked + label:before {
  top: -4px;
  right: 20px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #26a69a;
  border-bottom: 2px solid #26a69a;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.text-local-primary {
  color: var(--maincolor-dark) !important;
}
input[type='checkbox'] {
  transform: translateY(3px);
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  width: 17px;
  height: 17px;
  /*-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;*/
  border: 1px solid #aaa;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  transition-duration: 0.3s;
  cursor: pointer;
}
input.checkbox:checked {
  background-color: red !important;
}
textarea {
  resize: none;
}
textarea:focus {
  border-color: var(--maincolor-light) !important;
  -webkit-box-shadow: unset !important;
  -moz-box-shadow: unset !important;
  box-shadow: unset !important;
}
.clear {
  clear: both;
  display: table;
  content: '';
}
.abs {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
/*-----------basketDiv-----------*/
.basketDiv {
  position: relative;
  margin: 0;
  display: flex;
  align-items: center;
}
.basketDiv .basket_top {
  position: relative;
  margin: auto;
}
.basketDiv .basket_top:hover a {
  /*color: @primary;*/
}
.basketDiv .basket_top a {
  display: flex;
  color: #999;
  align-items: center;
  line-height: 1;
  font-size: 10pt;
}
.basketDiv .basket_top a i {
  font-size: 18pt;
}
.basketDiv .basket_top a span {
  position: absolute;
  top: -30%;
  right: -30%;
  /*background: @primary;*/
  width: 20px;
  height: 20px;
  border-radius: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.basketDiv .top_block {
  width: 270px;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  margin-top: 8px;
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: center;
  padding: 0;
  overflow: inherit !important;
  -webkit-box-shadow: 0 4px 5px 0 rgba(2, 3, 3, 0.2), 0 10px 10px 0 rgba(2, 3, 3, 0.1);
  -moz-box-shadow: 0 4px 5px 0 rgba(2, 3, 3, 0.2), 0 10px 10px 0 rgba(2, 3, 3, 0.1);
  box-shadow: 0 4px 5px 0 rgba(2, 3, 3, 0.2), 0 10px 10px 0 rgba(2, 3, 3, 0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 1000;
}
.basketDiv .top_block:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 12px;
  top: -11px;
  left: 10px;
  margin: auto;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.basketDiv .top_block i.mdi-close {
  top: -10px;
  cursor: pointer;
  display: block;
  padding: 0;
  font-size: 13pt;
  position: absolute;
  left: 11px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-style: normal;
}
.basketDiv .top_block i.mdi-close a,
.basketDiv .top_block i.mdi-close span {
  font-size: 10pt;
}
.basketDiv .top_block i.mdi-close:hover {
  color: red;
}
.basketDiv .top_block .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row wrap;
  padding: 15px 10px 10px 10px;
  border-bottom: 1px solid #f4f4f4;
}
.basketDiv .top_block .top a,
.basketDiv .top_block .top span {
  font-size: 10pt;
}
.basketDiv .top_block .top a {
  color: #007bff;
  cursor: pointer;
}
.basketDiv .top_block .content {
  background: #fff;
  margin: 0px auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #343434;
  height: 280px;
  overflow: auto;
  direction: ltr;
}
.basketDiv .top_block .content > *:not(:last-child) {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e1e1e1;
}
.basketDiv .top_block .content > *:first-child {
  margin-top: 7px;
}
.basketDiv .top_block .content .Item {
  display: flex;
  align-items: center;
  direction: rtl;
}
.basketDiv .top_block .content .Item .Image {
  width: 25%;
}
.basketDiv .top_block .content .Item .Image img {
  width: 100%;
  max-width: initial;
}
.basketDiv .top_block .content .Item .Text {
  width: 75%;
  padding-right: 10px;
  padding-left: 10px;
}
.basketDiv .top_block .content .Item .Text a {
  display: block;
  /*color: @title;*/
  text-align: right;
  font-size: 9pt;
  margin-bottom: 5px;
  /*font-family: MIRANSans;*/
}
.basketDiv .top_block .content .Item .Text .Btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.basketDiv .top_block .content .Item .Text .count {
  background: #fff;
  display: flex;
  border: 1px solid #f1f1f1;
  align-items: stretch;
  margin-left: 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.basketDiv .top_block .content .Item .Text .count button {
  background: #fff;
  color: #929292;
  display: block;
  font-size: 13pt;
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: center;
  margin: 0;
  border: 0;
  padding: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  padding: 0 5px;
  line-height: 1;
}
.basketDiv .top_block .content .Item .Text .count button:hover {
  color: red;
}
.basketDiv .top_block .content .Item .Text .count input {
  color: #808080;
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: center;
  border: none;
  margin: 0;
  background: #fff;
  width: 40px;
  font-size: 12pt;
}
.basketDiv .top_block .content .Item .Text .Delete {
  display: flex;
  align-items: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}
.basketDiv .top_block .content .Item .Text .Delete:hover {
  color: red;
}
.basketDiv .top_block .content .Item .Text .Delete i {
  display: inline-block;
  margin-left: 5px;
  font-size: 13pt;
}
.basketDiv .top_block .PriceBox {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 7px 10px;
  background: #f4f4f4;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.basketDiv .top_block .PriceBox .price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.basketDiv .top_block .PriceBox .price span {
  font-size: 8pt;
}
.basketDiv .top_block .PriceBox .price strong {
  font-size: 9pt;
}
.basketDiv .top_block .PriceBox .btnCustom {
  padding: 7px 17px;
}
.basketDiv .top_block ::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}
.basketDiv .top_block ::-webkit-scrollbar-track {
  background: #f1f1f1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.basketDiv .top_block ::-webkit-scrollbar-thumb {
  background: #ebebeb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.basketDiv .top_block ::-webkit-scrollbar-thumb:hover {
  background: #2c2c2c;
}
.basketDiv:after {
  clear: both;
  display: table;
  content: '';
}
.basketDiv.fixed {
  margin-top: 0;
  position: fixed;
  left: 15px;
  top: 15px;
  animation: 0.5s ease 0.027s normal both 1 running header-anim;
  -webkit-animation: 0.5s ease 0.027s normal both 1 running header-anim;
  -moz-animation: 0.5s ease 0.027s normal both 1 running header-anim;
  -ms-animation: 0.5s ease 0.027s normal both 1 running header-anim;
  -o-animation: 0.5s ease 0.027s normal both 1 running header-anim;
}
.BasketButton {
  border: 1px solid transparent;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  padding: 7px 15px;
  opacity: 1;
}
.BasketButton:hover {
  -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.24), 0 24px 18px -15px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.24), 0 24px 18px -15px rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.24), 0 24px 18px -15px rgba(0, 0, 0, 0.24);
  opacity: 0.8;
  /*color: @blue;*/
}
/* --------------------- Global --------------------- */
.BasketButton {
  color: #FFF;
  background: #f63550;
}
.BasketButton:hover {
  color: #FFF;
}
.SendButton {
  color: #f63550;
  border-color: #f63550;
}
.SendButton:hover {
  background: #f63550;
  color: #FFF;
}
/* --------------------- BasketListPage --------------------- */
.BasketListPage .DetailLink {
  color: #f63550;
}
.BasketListPage .TitleBorder:before {
  background: #f63550;
}
.BasketListPage .TitleBorder strong {
  color: #f63550;
}
.BasketListPage .TitleBorder span {
  color: #FFF;
  background: #f63550;
}
.BasketListPage .basketitem .text .btm .count button:hover {
  color: #f63550;
}
.BasketListPage .basketitem .text .btm .Delete:hover {
  color: #f63550;
}
.BasketListPage .Pricebox .two {
  color: #f63550;
}
.BasketListPage form .form-control {
  margin-bottom: 20px;
}
/* --------------------- BasketAddAddressPage --------------------- */
.BasketAddAddressPage .AdressItem .Btm .Delete,
.BasketAddAddressPage .AdressItem .Btm .Edit {
  color: #55b3d1;
}
.BasketAddAddressPage .AdressItem .Btm .Delete:hover,
.BasketAddAddressPage .AdressItem .Btm .Edit:hover {
  color: #f63550;
}
.BasketAddAddressPage .AdressItem.Active {
  border-color: #55b3d1;
}
.BasketAddAddressPage .AdressItem.Active > p i {
  background: #55b3d1;
}
.BasketAddAddressPage .ShiveErsal .item.Active {
  border-color: #55b3d1;
}
.BasketAddAddressPage .ShiveErsal .item.Active i {
  background: #55b3d1;
}
/************************ LOGIN *********************************/
.basketLogin span.line {
  width: 45%;
}
.basketLogin .line > label,
.basketLogin span.input-validate {
  width: 100%;
  margin-bottom: 5px;
}
.basketLogin .basket-sail-input {
  -webkit-box-shadow: inset 0px 0px 10px 2px #f3f3f3;
  -moz-box-shadow: inset 0px 0px 10px 2px #f3f3f3;
  box-shadow: inset 0px 0px 10px 2px #f3f3f3;
  border: 1px solid #b2b2b2;
  background-color: #fff;
}
.basketLogin .basket-sail-input:focus,
.basketLogin input.name.feedback-input:focus {
  border: 1px solid var(--color1);
}
.basketLogin .line > label {
  color: #444444;
  font-size: 10pt;
  /*font-family: IRANSans;*/
  font-size: 12pt;
}
.basketLogin .full {
  width: 100%;
}
span.line.full label:before {
  /* position: absolute; */
  content: '*';
  color: red;
  font-size: 17pt;
  vertical-align: middle;
  margin: 0 0 -12px 5px;
  display: inline-block;
}
.basketLogin input.name.feedback-input {
  width: 45%;
  -webkit-box-shadow: inset 0px 0px 10px 2px #f3f3f3;
  -moz-box-shadow: inset 0px 0px 10px 2px #f3f3f3;
  box-shadow: inset 0px 0px 10px 2px #f3f3f3;
  border: 1px solid #b2b2b2;
  background-color: #fff;
}
.basketLogin img.captcha.feedback-input {
  float: left;
  width: 45%;
  border: 1px solid #fe5151;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  vertical-align: middle;
  margin: 0;
  height: 33px;
}
.basketLogin .star > label {
  width: 45%;
  float: right;
  color: #9d69be;
  font-size: 11pt;
}
.basketLogin .star span.input-validate {
  width: 30% !important;
  float: left;
  /*-webkit-box-shadow: 0px 5px 10px 2px rgba(184,184,184,1);
    -moz-box-shadow: 0px 5px 10px 2px rgba(184,184,184,1);
    box-shadow: 0px 5px 10px 2px rgba(184,184,184,1);
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}
.basketLogin .star span.input-validate input {
  background: var(--color1);
  color: #fff;
  padding: 20px 0 !important;
  font-size: 13pt;
  line-height: 0;
  -webkit-transition: all 0.5s ease-in 0.15s;
  -moz-transition: all 0.5s ease-in 0.15s;
  -o-transition: all 0.5s ease-in 0.15s;
  -ms-transition: all 0.5s ease-in 0.15s;
  transition: all 0.5s ease-in 0.15s;
  width: 100%;
  margin: auto;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: inset 0px 0px 20px 2px #bfd2e0;
  -moz-box-shadow: inset 0px 0px 20px 2px #bfd2e0;
  box-shadow: inset 0px 0px 20px 2px #bfd2e0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.remember {
  color: #444444;
  font-size: 11pt;
}
.forget {
  float: left;
  color: #9d69be;
  font-size: 11pt;
  background: none !important;
  padding: 0 !important;
}
.forget:hover {
  color: #373737 !important;
  background: none !important;
}
.newRegister :before,
.star:after {
  clear: both;
  display: table;
  content: '';
}
.newRegister {
  border-top: 1px solid var(--color1);
  padding: 23px 0 1px;
  margin-top: 25px;
}
/*userName*/
.userName ::-webkit-input-placeholder::before {
  font-family: Flaticon;
  content: "\e01e";
  color: #d4d5d5;
  padding-left: 5px;
  font-size: 12pt;
}
.userName ::-moz-placeholder::before {
  font-family: Flaticon;
  content: "\e035";
  color: #d4d5d5;
  padding-left: 5px;
  font-size: 12pt;
}
/* firefox 19+ */
.userName :-ms-input-placeholder::before {
  font-family: Flaticon;
  content: "\e035";
  color: #d4d5d5;
  padding-left: 5px;
  font-size: 12pt;
}
/* ie */
.userName input:-moz-placeholder::before {
  font-family: Flaticon;
  content: "\e035";
  color: #d4d5d5;
  padding-left: 5px;
  font-size: 12pt;
}
/*password*/
.password ::-webkit-input-placeholder::before {
  font-family: Flaticon;
  content: "\e035";
  color: #d4d5d5;
  padding-left: 5px;
  font-size: 12pt;
}
.password ::-moz-placeholder::before {
  font-family: Flaticon;
  content: "\e035";
  color: #d4d5d5;
  padding-left: 5px;
  font-size: 12pt;
}
/* firefox 19+ */
.password :-ms-input-placeholder::before {
  font-family: Flaticon;
  content: "\e035";
  color: #d4d5d5;
  padding-left: 5px;
  font-size: 12pt;
}
/* ie */
.password input:-moz-placeholder::before {
  font-family: Flaticon;
  content: "\e004";
  content: "\e035";
  padding-left: 5px;
  font-size: 12pt;
}
/*title*/
.loginUsers {
  /*background: url(/Themes/zyaeefar/static/img/loginUsers.png) no-repeat right center;*/
  height: 38px;
}
.basket-login-title:after {
  height: 1px;
  width: 100%;
  background: rgba(174, 132, 201, 0.5);
  background: -moz-linear-gradient(left, rgba(174, 132, 201, 0.5) 0%, rgba(157, 105, 190, 0.8) 25%, #8b58ad 50%, rgba(157, 105, 190, 0.8) 75%, rgba(174, 132, 201, 0.5) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(174, 132, 201, 0.5)), color-stop(25%, rgba(157, 105, 190, 0.8)), color-stop(50%, #8b58ad), color-stop(75%, rgba(157, 105, 190, 0.8)), color-stop(100%, rgba(174, 132, 201, 0.5)));
  background: -webkit-linear-gradient(left, rgba(174, 132, 201, 0.5) 0%, rgba(157, 105, 190, 0.8) 25%, #8b58ad 50%, rgba(157, 105, 190, 0.8) 75%, rgba(174, 132, 201, 0.5) 100%);
  background: -o-linear-gradient(left, rgba(174, 132, 201, 0.5) 0%, rgba(157, 105, 190, 0.8) 25%, #8b58ad 50%, rgba(157, 105, 190, 0.8) 75%, rgba(174, 132, 201, 0.5) 100%);
  background: -ms-linear-gradient(left, rgba(174, 132, 201, 0.5) 0%, rgba(157, 105, 190, 0.8) 25%, #8b58ad 50%, rgba(157, 105, 190, 0.8) 75%, rgba(174, 132, 201, 0.5) 100%);
  background: linear-gradient(to right, rgba(174, 132, 201, 0.5) 0%, rgba(157, 105, 190, 0.8) 25%, #8b58ad 50%, rgba(157, 105, 190, 0.8) 75%, rgba(174, 132, 201, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae84c9', endColorstr='#ae84c9', GradientType=1);
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.registeUsers {
  height: 38px;
}
.text-local-primary {
  color: var(--maincolor-dark) !important;
}
/*--------------------basketbox-------------------*/
.basketlistPage {
  margin-top: 50px;
}
.BasketListPage .boxSticky {
  position: sticky;
  top: 130px;
}
.basketbox {
  position: relative;
  margin-bottom: 30px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
  padding: 20px;
  font-size: 10pt;
}
.basketbox p {
  font-size: 10pt;
}
.basketbox .row {
  /*display: none;*/
}
.basketbox #selectAddress {
  display: none;
}
.basketbox .btn-link {
  text-decoration: none;
}
.basketbox .Order {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.basketbox .Order span {
  font-size: 10pt;
}
.basketbox .Order .editAddressBtn {
  cursor: pointer;
}
.basketbox .Order .editAddressBtn:hover {
  color: #008da3 !important;
}
.one {
  color: #929292;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  /*font-family: MIRANSans;*/
}
.two {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  /*font-family: MIRANSans;*/
  color: #f63550;
}
.three {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  /*font-family: MIRANSans;*/
  color: #2c2c2c;
}
.form-check {
  padding-top: 13px;
}
p.paragraph-payment {
  padding-right: 20px;
}
label.form-check-label {
  font-size: 12pt;
  color: #000;
  font-weight: bold;
  padding-right: 25px;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  margin-top: 9px;
}
input[type="text"] {
  height: 45px;
  width: 100%;
  border-radius: 7px;
  padding-right: 24px;
  border-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #2c2c2c;
}
.details-order {
  /*width: @width-box;*/
  width: 1010px;
  height: 250px;
  position: relative;
  margin-bottom: 30px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
  padding: 20px;
  font-size: 10pt;
}
.order-accordion {
  width: 101%;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
}
.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  direction: rtl !important;
  text-align: right !important;
}
.active {
  direction: rtl !important;
  /*text-align: right !important;*/
}
.name-accorion {
  float: right;
  margin-right: 50px;
  padding-right: 50px;
}
.active,
.accordion:hover {
  /*background-color: #fff;*/
}
/*.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}*/
.name-accorion.marsoleh {
  margin-right: -23px;
  padding-left: 37px;
}
.name-accorion.send-marsoleh {
  padding-left: 37px;
}
.name-accorion.type-send {
  padding-left: 37px;
}
span.mdi.mdi-chevron-down {
  font-size: 35px;
  margin-top: 20px !important;
}
.name-accorion.brown-show-body-accordion {
  padding-right: 6px;
  padding-top: 16px;
}
button.btn-sabt {
  margin-right: -42px;
  position: absolute;
  margin-top: 10px;
  border: none;
  background: white;
  color: #828482;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .specifications {
    max-width: 100%;
    overflow-x: auto;
  }
  .specifications li {
    white-space: nowrap;
  }
  footer .copy-right .container {
    justify-content: center;
  }
  .sharewrap .btnshare .share-title {
    display: none;
  }
  .sharewrap .share-icon {
    margin-left: 65px;
  }
  .products .similar-products .head {
    gap: 24px !important;
  }
  .products .owl-products .owl-stage {
    padding-right: 0 !important;
  }
}
.BasketAddAddressPage .Addressbox .row > * {
  margin-bottom: 30px;
}
.BasketAddAddressPage .AdressItem {
  /*border: 1px solid @borderDarkColor;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.BasketAddAddressPage .AdressItem:hover {
  -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 24px 18px -15px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 24px 18px -15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 24px 18px -15px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  border-color: transparent !important;
}
.BasketAddAddressPage .AdressItem > p {
  /*border-bottom: 1px solid @borderlightcolor;*/
  padding-bottom: 10px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.BasketAddAddressPage .AdressItem > p i {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.BasketAddAddressPage .AdressItem .info {
  margin: 10px auto;
  list-style: none;
  padding: 0;
}
.BasketAddAddressPage .AdressItem .info li {
  position: relative;
  padding: 3px 0;
}
.BasketAddAddressPage .AdressItem .info li i {
  font-size: 12pt;
  display: inline-block;
  margin-left: 10px;
  line-height: 1;
}
.BasketAddAddressPage .AdressItem .Btm {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: row wrap;
}
.BasketAddAddressPage .AdressItem .Btm > * {
  padding: 5px;
}
.BasketAddAddressPage .AdressItem .Btm .Delete,
.BasketAddAddressPage .AdressItem .Btm .Edit {
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  /*font-family: MIRANSans;*/
}
.BasketAddAddressPage .AddAdress {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /*color: @title !important;*/
  height: 100%;
  /*border: 1px dashed @borderDarkColor;*/
  padding: 10px;
  /*font-family: MIRANSans;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.BasketAddAddressPage .AddAdress i {
  font-size: 20pt;
}
.BasketAddAddressPage .AddAdress:hover {
  -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 24px 18px -15px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 24px 18px -15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 24px 18px -15px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  border-color: transparent;
}
.BasketAddAddressPage .Alert {
  display: flex;
  align-items: center;
}
.BasketAddAddressPage .Alert i {
  display: inline-block;
  margin-left: 5px;
  font-size: 13pt;
}
.BasketAddAddressPage .Alert span {
  font-size: 9pt;
}
.BasketAddAddressPage .SelectPrdList .owl-dots {
  display: none;
}
.BasketAddAddressPage .SelectPrdList .owl-nav .owl-next {
  left: -5px;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  position: absolute;
  width: 40px;
  top: -50%;
}
.BasketAddAddressPage .SelectPrdList .owl-nav .owl-prev {
  right: -5px;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  position: absolute;
  width: 40px;
  top: -50%;
}
.BasketAddAddressPage .SelectPrdList .owl-nav .disabled {
  opacity: 0 !important;
}
.BasketAddAddressPage .SelectPrdList .owl-nav > * {
  margin: 0;
  background: #f2f2f2 !important;
  opacity: 1 !important;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  height: 100px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.BasketAddAddressPage .SelectPrdList .owl-nav > *:hover {
  background: #e5e5e5 !important;
}
.BasketAddAddressPage .SelectPrdList .owl-nav > * span {
  display: block;
  /*color: @title;*/
  font-size: 16pt;
}
.BasketAddAddressPage .SelectPrdList .item {
  margin: 10px;
}
.BasketAddAddressPage .SelectPrdItem .image {
  height: 113px;
  overflow: hidden;
}
.BasketAddAddressPage .SelectPrdItem ul {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  font-size: 9.5pt;
  color: #b2b2b2;
}
.BasketAddAddressPage .SelectPrdItem ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}
.BasketAddAddressPage .SelectPrdItem ul strong {
  color: #b2b2b2;
  /*font-family: IRANSans;*/
}
.BasketAddAddressPage .ShiveErsal {
  position: relative;
  background: #f9f9f9;
  padding: 20px 20px;
  /*margin: 30px -20px;*/
}
.BasketAddAddressPage .ShiveErsal .item {
  margin: 15px;
  padding: 7px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  /*border: 1px solid @borderDarkColor;*/
  /*font-family: MIRANSans;*/
  cursor: pointer;
  position: relative;
  font-size: 12pt;
}
.BasketAddAddressPage .ShiveErsal .item p {
  display: flex;
  align-items: center;
}
.BasketAddAddressPage .ShiveErsal .item i {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  right: 5px;
}
.BasketAddAddressPage .ShiveErsal > ul > li a {
  font-size: 10pt;
  background: transparent;
  border-radius: 5px;
  padding: 9px 15px;
  height: 40px;
  color: #999;
  margin: 10px;
  display: block;
  /*font-family: MIRANSans;*/
}
.BasketAddAddressPage .ShiveErsal > ul > li a .circleIn {
  width: 10px;
  height: 10px;
  background: #e9e9e9;
  border-radius: 100%;
  display: inline-block;
  margin-left: 10px;
}
.BasketAddAddressPage .ShiveErsal > ul > li .active {
  background: #f5f5f5;
  color: #666;
}
.BasketAddAddressPage .ShiveErsal > ul > li .active .circleIn {
  position: relative;
  background: #6f83be;
  width: 7px;
  height: 7px;
}
.BasketAddAddressPage .ShiveErsal > ul > li .active .circleIn:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  border: 1px solid #6f83be;
  margin-left: -3px;
}
.BasketAddAddressPage .ShiveErsal .Select-send-pro {
  width: 295px;
  height: 60px;
  direction: rtl;
}
.BasketAddAddressPage .ShiveErsal .Select-send-pro {
  width: 295px !important;
  background: REBECCAPURPLE;
  height: 60px;
}
/**************************Responsive***************************/
@media (min-width: 1530px) {
  .container {
    max-width: 1920px;
    padding-right: 150px;
    padding-left: 150px;
  }
}
@media only screen and (max-width: 1400px) {
  .comments .rate-section {
    margin-bottom: 24px;
  }
  .specs ul li {
    width: 49%;
  }
}
@media only screen and (max-width: 1200px) {
  .MainContent {
    padding: 110px 0 24px 0;
  }
  .menu-fixed {
    display: block;
  }
  .author ul {
    gap: 8px;
  }
  .compares .table {
    width: 130%;
  }
  .compares .table tr td {
    width: 36%;
  }
  .compares tbody,
  .compares td,
  .compares tfoot,
  .compares th,
  .compares thead,
  .compares tr {
    width: 36%;
  }
  .compare-wrap .compare-box {
    width: 40%;
  }
  .top-section .sort {
    display: none !important;
  }
  .modal-body .category-slide {
    display: flex !important;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    height: 100%;
  }
  .faq {
    padding: 32px 0 56px 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  .filter-mobile {
    display: block !important;
  }
  .accordion .accordion-button {
    text-align: right;
  }
  .comments .comments-box .row {
    gap: 24px;
  }
  .products .similar-products .head {
    flex-direction: column;
    align-items: flex-end !important;
  }
}
@media only screen and (max-width: 576px) {
  .seosection-box .size-xlarge {
    font-size: 20px !important;
  }
  .faq .accordion {
    padding: 0;
  }
  .MainContent .global-topcontent {
    flex-direction: column !important;
  }
  .MainContent .global-topcontent .global-icon {
    margin-right: auto;
  }
  .MainContent .global-topcontent .bread-crumb {
    margin-left: auto;
  }
  .top-section h1 {
    font-size: 22px !important;
  }
  .basket-mobile .body-payment .info > div {
    flex-direction: column;
  }
  .basket-mobile .body-payment .info > div .price {
    margin-left: auto;
  }
  .basket-mobile .addpro-basket {
    width: 100% !important;
  }
  .basketbox .Order {
    flex-direction: column;
    align-items: flex-start;
  }
  /*  .social-media.open {
        transform: translateX(60px);
    }*/
  .accordion-button:after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
  }
  .category-slide .category-box {
    padding: 12px;
  }
  .reply-form .col-lg-6.mb-3 {
    margin-bottom: 0 !important;
  }
  .comments .comments-box .row {
    gap: 24px;
  }
  .comments .rate-section .custom-btn {
    width: 100%;
  }
}
@media only screen and (max-width: 470px) {
  .comments .comments-box {
    padding: 24px 12px;
  }
}