.address-add-button:hover,.my-address-wrapper:hover{background-color:#efefef;transition:.4s}.button-label,.form-control{font-size:13px}.model-pro{padding:10px 0;width:100%;float:right}.add-pro-show .control-label{line-height:30px;font-size:13px}.button-label{background-color:#2196f3;margin-right:0;padding:0 25px;color:#fff}.button_label span{text-align:center;font-size:12px;display:block;color:#333;white-space:nowrap;cursor:pointer;position:relative;border:1px solid #ccc;padding:0 5px!important}.button_label{float:left;min-width:40px;margin-right:3px;overflow:auto;cursor:pointer;line-height:30px;padding:0!important}.field-title,.field-value{line-height:1.6rem;font-size:.9rem}#quantity{text-align:center}.text-right{text-align:right!important}.add-pro-show{border-bottom:1px solid #efefef;margin-bottom:10px!important;padding-bottom:10px!important;display:flex;align-items:center}.add-pro-show input,.add-pro-show span{display:inline-block;width:auto!important;text-align:center;vertical-align:middle}.quantity-left-minus1.btn.btn-number{border-radius:0 5px 5px 0}.quantity-left-minus1.btn.btn-number,.quantity-right-plus1.btn.btn-number{background-color:#38597c!important;border-color:#38597c}#input-quantity{border-radius:0!important;padding:7px;min-width:60px;text-align:center}.quantity-right-plus1.btn.btn-number{border-radius:5px 0 0 5px}.add-pro-show button{box-shadow:none!important;color:#fff!important}#search-frm{position:relative}.search-result{position:absolute;top:32px;width:calc(100vw - 30%);height:60vh!important;background-color:#fff;border-radius:0 0 5px 5px!important;padding:10px 20px!important;box-shadow:6px 2px 5px #ccc;overflow-y:scroll;z-index:100000000}.p-0.search-result-list li{display:block;line-height:2}@media(min-width:1200px){.search-result{width:calc(100vw - 30%)}}@media(min-width:1400px){.search-result{width:calc(100vw - 222%)}}.content-header,.sidebar-nav-item{border-bottom:1px solid #efefef}.favorite-item:last-of-type,.order-item:last-of-type,.point-item:last-of-type,.sidebar-nav-item:last-of-type,.ticket-item:last-of-type{border:none}.sidebar-nav-item-title{position:relative;font-size:.8rem;font-weight:700;display:block;cursor:pointer;padding:.4rem 0;transition:.4s}.sidebar-nav-item-title i{position:absolute;left:0;top:.6rem}.sidebar-nav-item-title:hover,.sidebar-nav-sub-item-title:hover{color:#1a4b7b;transition:.4s}.sidebar-nav-item-title>a{display:block;text-decoration:none;color:inherit;text-shadow:inherit}.rotate-angle-left-90-degrees{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);padding-left:.4rem}.sidebar-nav-sub-item-title{padding:.3rem 1rem .3rem .6rem;font-size:.75rem;font-weight:700;display:flex;justify-content:space-between;cursor:pointer;color:#333;margin-bottom:.1rem;transition:.4s}.sidebar-nav-sub-item-title a{text-decoration:none;color:inherit}.sidebar-nav-sub-item-title i{color:#999}.sidebar-nav-sub-item-title:hover i{color:inherit}.sidebar-nav-sub-sub-item{padding:.3rem 2rem;font-size:.75rem}.sidebar-nav-sub-sub-item a{text-decoration:none;display:block;color:#333;transition:.4s}.sidebar-nav-sub-sub-item:hover a{text-decoration:none;color:#1a4b7b;transition:.4s}.sidebar-input-text,.sidebar-price-range input{font-size:.8rem;padding:.5rem;border-radius:.25rem;border:none;outline:0;background-color:rgba(0,0,0,.1);width:100%;display:inline-block}.content-wrapper,.sidebar-input-text:focus,.sidebar-price-range input:focus{box-shadow:0 0 .2rem .1rem rgba(0,0,0,.1)}.sidebar-brand-wrapper{max-height:16rem;overflow:auto;padding-left:.3rem;padding-right:.3rem}.sidebar-brand-item{font-size:.8rem;transition:.4s}.active-item{background-color:#999}.address-add-button,.my-address-wrapper{display:block;width:100%;background-color:#fcfcfc;transition:.4s}.content-header-title{font-size:1rem;font-weight:700}.content-header-title-small{font-size:.8rem}.content-header-title span{border-bottom:2px solid #1a4b7b;padding:.3rem;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.content-header-link *{text-decoration:none;color:#666}.content-header-link a:hover{text-decoration:none;color:#111;transition:.4s}.favorite-item,.order-item,.point-item,.ticket-item{border-bottom:1px solid #dedede;padding:.6rem 0}.favorite-item i,.order-item i,.point-item i,.ticket-item i,.wallet-item i{color:#999;display:inline-block;width:2rem;text-align:center}.favorite-item-date,.favorite-item-id,.favorite-item-status,.order-item-date,.order-item-id,.order-item-status,.point-item-date,.point-item-id,.point-item-status,.ticket-item-date,.ticket-item-id,.ticket-item-status,.wallet-item-date,.wallet-item-id,.wallet-item-status{font-size:.9rem;margin-bottom:.4rem}.favorite-item-products,.order-item-products,.point-item-products,.ticket-item-products,.wallet-item-products{margin-top:.4rem;margin-bottom:.4rem}.favorite-item-products a,.order-item-products a,.point-item-products a,.ticket-item-products a{text-decoration:none;margin-left:.4rem;padding:.1rem;display:inline-block;border:1px solid #f7f7f7;border-radius:.25rem}.favorite-item-products a img,.order-item-products a img,.point-item-products a img,.ticket-item-products a img,.wallet-item-products a img{width:4rem}.favorite-item-link a,.order-item-link a,.point-item-link a,.ticket-item-link a,.wallet-item-link a{text-decoration:none;color:#999;font-size:.9rem;font-weight:700;transition:.4s}.favorite-item-link a:hover,.order-item-link a:hover,.point-item-link a:hover,.ticket-item-link a:hover,.wallet-item-link a:hover{color:#ff253a;transition:.4s}.wallet-item{bwallet-bottom:1px solid #dedede;padding:.6rem 0}.wallet-item:last-of-type{bwallet:none}.wallet-item-products a{text-decoration:none;margin-left:.4rem;padding:.1rem;display:inline-block;bwallet:1px solid #f7f7f7;bwallet-radius:0.25rem}.my-address-wrapper{position:relative;border-radius:.25rem;border:2px solid #dedede;font-size:.8rem;color:#333}.my-address-wrapper a{position:absolute;left:.4rem;top:.4rem;text-decoration:none;font-size:.9rem;margin:.2rem;color:#999;background-color:inherit;transition:.4s}@media(max-width:998px){.edit_btn{top:1.8rem!important}}.my-address-wrapper:hover a{color:#00b3c3;transition:.4s}.field-title{font-weight:700}.address-add-button{text-align:center;border-radius:.25rem;border:1px dashed #dedede;color:#666;font-size:.8rem;line-height:4rem;padding-top:.3rem}.address-add-button:hover{border:1px dashed #cdcdcd;color:#333;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.card,.product-box .item{border-radius:15px;position:relative}.green-btn{background:linear-gradient(to right,#67affb,#38597c);box-shadow:0 10px 10px -10px #0c1}.card{background:#fff;min-height:50px;box-shadow:0 .15rem 1.75rem 0 rgba(33,40,50,.15)}.card-header{border-bottom:1px solid #dee2e6;padding:15px;font-weight:700;font-size:18px;color:#333}.icon-font{display:inline-block;font-family:icon-font;font-style:normal;font-weight:400;font-size:1em;color:inherit;transition:.2s}.icon-font-basket-plus:before{content:"\0284"}.page-item.active .page-link{z-index:3;color:#fff;background-color:#dd0808;border-color:#dd0808}.product-box .item{margin-top:30px;margin-bottom:30px;background-color:#ffff}.product-box .offer{background-color:white; color:white;}.product-box .old-cost{color:#8e8e8e;font-size:12px;text-decoration:line-through}


.call-for-price-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #d20422;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.float {
    position: fixed;
    bottom: 10px;
    right: 5px;
    z-index: 10;
    padding: 0;
    text-align: center;
}

.float li {
    display: block;
    margin-top: 5px;
}



* {
    border: none;
    margin: 0;
    padding: 0;
    outline: none !important;
  }
  
  ul,
  p {
    margin-bottom: 0 !important;
  }
  
  html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    direction: rtl;
    height: 100%;
  }
  
  *,
  *:before,
  *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  a {
    text-decoration: none !important;
  }
  
  :root {
    --darkColor1: #303030;
    --darkColor2: #212121;
    --darkGold: #38597c;
    --primaryColor: #38597c;
  }
  
  @font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Black.eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix") format("embedded-opentype"),
      /* IE6-8 */
      url("../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2") format("woff2"),
      /* FF39+,Chrome36+, Opera24+*/
      url("../fonts/woff/IRANSansWeb(FaNum)_Black.woff") format("woff"),
      /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Bold.eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"),
      /* IE6-8 */
      url("../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"),
      /* FF39+,Chrome36+, Opera24+*/
      url("../fonts/woff/IRANSansWeb(FaNum)_Bold.woff") format("woff"),
      /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Medium.eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix") format("embedded-opentype"),
      /* IE6-8 */
      url("../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"),
      /* FF39+,Chrome36+, Opera24+*/
      url("../fonts/woff/IRANSansWeb(FaNum)_Medium.woff") format("woff"),
      /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Light.eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"),
      /* IE6-8 */
      url("../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2") format("woff2"),
      /* FF39+,Chrome36+, Opera24+*/
      url("../fonts/woff/IRANSansWeb(FaNum)_Light.woff") format("woff"),
      /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot");
    src: url("../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix") format("embedded-opentype"),
      /* IE6-8 */
      url("../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"),
      /* FF39+,Chrome36+, Opera24+*/
      url("../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"),
      /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "vazir";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/FlowBold_MRT.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "vazir";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/FlowBold_MRT2.woff2") format("woff2");
  }
  
  body {
    direction: rtl !important;
    font-family: IRANSans;
    font-weight: normal;
    font-size: 13px;
    line-height: 2;
    position: relative;
    overflow-x: hidden;
    background-color: #ffffff;
  }
  
  .img-slice {
    background: url("../images/slices.png") no-repeat;
  }
  
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .set>span {
    font-size: 14px;
    display: block;
    position: relative;
    color: #fff;
    font-weight: 300;
  }
  
  .lnk-footers li a {
    color: #fff;
    font-size: 11.5px;
    font-weight: 100;
    opacity: 70%;
  }
  
  @media screen and (min-width: 768px) {
    .button-footer {
      background: url('../images/bg-footer-top.png') no-repeat;
      background-size: 100% 100% !important;
      min-height: 370px;
      z-index: 2;
    }
  
    .logo-category-image {
      height: 237px;
    }
  
    .button-footer {
      padding-top: 5rem !important;
    }
  
    .copy {
      font-size: 12px;
    }
  
    .namd li {
      margin-right: 7px;
      width: 110px;
      height: 130px;
      line-height: 110px;
    }
  
    .soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner,
    .soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner,
    .soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner,
    .soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner {
      min-width: 34px !important;
    }
  
    .pl-md-60 {
      padding-top: 30px;
    }
  
    .c-left {
      text-align: left;
    }
  
    .c-right {
      text-align: right;
    }
  
    .title-footer {
      font-size: 15px;
    }
  
    .set>span i {
      display: none;
    }
  
    .title-footer {
      position: relative;
    }
  
    .logo {
      text-align: left;
    }
  }
  
  .right-toolbar>span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
  }
  
  .title0category {
    color: #666;
    font-size: 13px;
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 12px;
  }
  
  .owl-carousel img {
    max-width: 100% !important;
  }
  
  .big-img-category {
    height: 100%;
  }
  
  .container {
    margin: 0 auto;
    max-width: 1676px !important;
  }
  
  .owl-theme .owl-dots .owl-dot {
    background-color: transparent !important;
  }
  
  .owl-nav {
    margin: 0 !important;
    direction: ltr;
  }
  
  .card-body.text-block p {
    margin: 1.71429rem 0 !important;
    line-height: 2;
  }
  
  .google-account {
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    border-top: 1px solid #eee;
    line-height: 44px;
  }
  
  .btn.btn-outline-primary:hover {
    background-color: #f8f8f8 !important;
    border-color: #0fa7ad !important;
  }
  
  @media screen and (min-width:768px) and (max-width: 991.99px) {
    .category-list li {
      width: 23.9%;
    }
  
    .text-t-center {
      text-align: center;
    }
  
    .banner .item.img-pro-banner {
      width: 49%;
      display: inline-block;
    }
  
    .col-lg-4.col-md-12.col-12.banner.pl-0.pr-2.order-lg-0.mt-xs-15.mt-t-15 {
      display: flex !important;
      justify-content: space-between;
    }
  
    .mt-t-15 {
      margin-top: 15px;
    }
  }
  
  .owl-send .item {
    min-width: 25%;
  }
  
  .accordion-container .set>span i {
    position: absolute;
    left: 0;
    top: 17px;
    color: #fff;
    font-size: 10px;
  }
  
  .owl-brands a {
    display: block !important;
    width: 100%;
    float: right;
  }
  
  .owl-brands img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  @media screen and (max-width: 991.99px) {
  
    .sticky-menu .banner-header,
    .sticky-menu .row-header {
      display: none !important;
    }
  
    .row-header {
      background-color: #fff !important;
    }
  
    .owl-banner .owl-stage {
      padding-right: 0 !important;
    }
  
    .owl-logo .owl-stage {
      padding-right: 0 !important;
    }
  
    .owl-category .owl-stage {
      padding-right: 0 !important;
    }
  
    .shop-link {
      background-color: transparent !important;
      border: none !important;
      padding: 11px 8px !important;
      border-radius: 7px;
      position: relative;
    }
  
    .send-section .title-send {
      text-align: center !important;
    }
  
    .pr-padding {
      margin-bottom: 8px;
      padding-left: 0 !important;
    }
  
    .row.row-banner {
      margin-right: -10px !important;
    }
  
    .c-navi-new-list__category-item>li {
      margin-left: 0 !important;
      width: 100% !important;
    }
  
    .col-12.menu {
      padding-right: 0 !important;
      padding-left: 0 !important;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .d-block.logo.text-center {
      display: none !important;
    }
  
    .js-categories-bar-item {
      display: none !important;
    }
  
    .menuTrigger span {
      display: inline-block;
      vertical-align: middle;
    }
  
    .link-footer {
      background-color: #eceff1;
    }
  
    .slider .col-12 {
      padding: 0 !important;
    }
  
    .text-center.more a span {
      font-size: 11px;
    }
  
    .cost.text-right.p-3 {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
  
    .img-pro.item {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
  
    .owl-pro .item {
      margin: 5px;
    }
  
    .cost.text-left.p-0 {
      text-align: left !important;
      padding-left: 10px !important;
    }
  
    .owl-pro .owl-stage,
    .owl-news .owl-stage,
    .owl-send .owl-stage {
      padding-right: 0 !important;
    }
  
    .col-md-5.col-12.p-0.order-md-5 {
      background-color: #ebebeb;
    }
  
    .reg {
      display: none !important;
    }
  
    .menu-mob {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .menuTrigger i {
      color: #333;
      font-size: 26px;
      vertical-align: middle;
      margin-left: 20px;
    }
  
    .toolbar-desc li {
      display: inline-block;
      vertical-align: middle;
      margin-left: 24px;
    }
  
    .container {
      max-width: 100%;
    }
  
    .footer-bottom {
      text-align: center;
    }
  
    .namd {
      margin: 18px 0 5px 0 !important;
    }
  
    .footer-bottom .col-lg-3 {
      padding: 0 !important;
    }
  }
  
  .title-footer {
    font-weight: 600;
    display: block;
    color: #404040;
  }
  
  .lnk-footers li {
    line-height: 2.1;
    position: relative;
    list-style-type: none !important;
  }
  
  .sotial-footer ul li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  
  
  .thumbnail.thum-send img {
    max-width: 100% !important;
    object-fit: contain !important;
    width: auto !important;
  }
  
  .send-section .title-send {
    font-size: 13px;
    color: #000;
    text-align: right;
  }
  
  .send-section .thum-send a {
    color: #212121;
  }
  
  .send-section .desc-send {
    text-align: center;
    display: block;
    width: 100%;
  
  }
  
  .card.crd-category {
    border-radius: 20px;
    border: none;
  }
  
  @media screen and (min-width: 992px) {
    .footer {
      padding-top: 10px;
      margin-top: -100px;
    }
  
    .category-list li {
      width: 23.7%;
    }
  
    .img-reg {
      background-position: -39px -3px;
    }
  
    #dropdownMenuButton2::after {
      display: none !important;
    }
  
    .register button {
      background-color: transparent !important;
      color: #fff;
    }
  
    .row.menu {
      background-color: #ffffff;
      padding-bottom: 20px;
      padding-top: 30px;
    }
  
    .owl-stage {
      padding-right: 0 !important;
    }
  
    .shop.d-none.d-md-block {
      display: inline-block !important;
    }
  
    .row-menu-mob {
      display: none !important;
    }
  
    .logo {
      line-height: 3.5;
    }
  
    .owl-pro .pro-name {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    .banner a:nth-child(1) {
      margin-bottom: 15px;
    }
  
    .timer {
      margin-top: 10px;
      margin-bottom: 6px;
    }
  
    .title-footer {
      margin-bottom: 13px !important;
    }
  
    .owl-pro .item {
      margin-left: 7px;
      margin-right: 7px;
    }
  
    .more a {
      border: 1px solid #fff;
      border-radius: 15px;
      color: #fff;
      padding: 7px 22px;
    }
  
    .owl-send .item {
      position: relative;
    }
  
    #panel-menu {
      display: none;
    }
  
    .register {
      position: relative;
    }
  
    .menu .active.show {
      background-color: #fff;
    }
  
    .nav.tab-menu.nav-pills {
      background-color: #eee;
    }
  
    .namd {
      text-align: left;
    }
  }
  
  .adv-banner li {
    list-style: none;
    margin-bottom: 12px;
  }
  
  .owl-theme.owl-brands a {
    display: block;
    background-color: #fff;
  }
  
  .big-img-category {
    display: block;
  }
  
  .big-img-category img {
    width: 100% !important;
    height: 100% !important;
  }
  
  .categori-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555;
    font-size: 13px;
    text-align: center;
    padding: 8px;
    margin-bottom: 0 !important;
  }
  
  #dropdownMenuButton1::after {
    display: none !important;
  }
  
  @media screen and (max-width: 991.99px) {
    .img-reg {
      background-position: -100px -34px;
    }
  
    .register button {
      background-color: #fff !important;
      color: #000;
    }
  
    .register button {
      width: 34px !important;
    }
  
    #dropdownMenuButton2 {
      border: none !important;
    }
  
    .logo-mob img {
      width: 120px;
    }
  
    .row.menu {
      display: none !important;
    }
  
    .product_search form {
      display: flex;
      align-content: center;
      border-radius: 5px;
      background-color: #ccc;
      /* border: 1px solid #eee; */
    }
  
    .product_search button i {
      font-size: 18px;
      vertical-align: middle;
      color: #8f8f8f;
    }
  
  
    .product-thumb.list-view .image a {
      min-height: 128px;
      width: 140px !important;
    }
  
    .cart-info {
      max-height: 30vh;
      overflow-y: auto;
    }
  
    .page {
      overflow-x: hidden;
    }
  
    .site-name {
      padding-right: 15px !important;
    }
  
    .p-mob-0 {
      padding-right: 0;
      padding-left: 0;
    }
  
    .footer {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .caption-section {
      margin-bottom: 13px;
    }
  
    .img-icon {
      width: 75px;
      height: 84px;
      background-size: contain !important;
    }
  
    .menu-mob {
      background-color: #f9f9f9;
    }
  
    .row.row-align {
      align-items: center;
    }
  
    .more a {
      border: 1px solid #dcdde0;
      border-radius: 15px;
      color: #fff;
      padding: 5px 15px;
    }
  
    .copy {
      text-align: center !important;
    }
  
    .c-left span {
      display: inline-block !important;
      vertical-align: middle;
    }
  
    .owl-brands .owl-prev {
      left: -45px;
    }
  
    .owl-brands .owl-next {
      right: -45px;
    }
  
    .product-carousel {
      padding-top: 0 !important;
    }
  
    .product-image-box img {
      width: 80% !important;
    }
  
    div#accordian>ul {
      max-height: 90vh;
      overflow-y: auto;
    }
  
    #search-field {
      line-height: 3;
      width: calc(100% - 40px);
      /* border-radius: 13px; */
      padding-right: 10px;
    }
  
    .footer-bar ul li.search.active .site-search {
      bottom: 100%;
      visibility: visible;
    }
  
    .footer-cart-contents {
      position: relative;
    }
  
    .toolbar-desc .count {
      position: absolute;
      top: -20px;
      background-color: #ffb4cb;
      width: 22px;
      height: 22px;
      border-radius: 100%;
      color: #fff;
      line-height: 22px;
      right: -6px;
      z-index: 2;
      text-align: center;
    }
  
    .product_search {
      background-color: #fff;
      border-radius: 13px;
    }
  
    .product_search button {
      background-color: transparent !important;
      height: 38px;
      padding: 0 10px;
    }
  
    .my-account img {
      width: 33px;
    }
  
    #search {
      display: block;
      cursor: pointer;
    }
  
    .footer-bar ul li svg {
      width: 40px;
    }
  
    .categori-list-section {
      padding: 0 !important;
    }
  
    .img-send img {
      margin: 10px auto !important;
    }
  
    .send-section .desc-send {
      text-align: center;
    }
  
    .adv-banner li img {
      width: 100% !important;
      height: auto !important;
    }
  
    .img-pro img {
      width: 100% !important;
    }
  
    .footer-bottom {
      text-align: center;
    }
  
    .footer-bottom {
      padding: 15px 15px 0 !important;
      text-align: center;
    }
  
    .title-footer {
      font-size: 13px;
    }
  
    .title-footer {
      display: block;
    }
  }
  
  @media screen and (min-width: 1200px) {
    .owl-brands img {
      width: auto !important;
      margin: auto;
    }
  
    .frm-search {
      width: 500px;
      min-width: 385px;
    }
  
  }
  
  .lnk-footers li a:hover {
    color: var(--darkGold);
    transition: all 0.2s linear;
  }
  
  .img-pro img {
    width: 100% !important;
  }
  
  .owl-brands .owl-item:hover img {
    filter: none !important;
  }
  
  .owl-brands .owl-item img {
    filter: grayscale(100%);
    -webkit-transition: all 0.5s ease 80ms;
    -moz-transition: all 0.5s ease 80ms;
    -ms-transition: all 0.5s ease 80ms;
    -o-transition: all 0.5s ease 80ms;
    transition: all 0.5s ease 80ms;
  }
  
  .title-footer.un-link span {
    position: relative;
  }
  
  .owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
  }
  
  .product-carousel .owl-nav [class*="owl-"] {
    margin: 0 !important;
  }
  
  @media screen and (min-width: 1320px) {}
  
  .price {
    text-align: center;
    color: #666;
  }
  
  @media screen and (max-width: 570.99px) {}
  
  .category-info a {
    display: block;
  }
  
  .all-categori.mr-auto {
    z-index: 13;
  }
  
  .all-categori>a {
    color: #464646 !important;
    font-size: 14px !important;
    font-weight: 500;
  }
  
  .timer>span {
    display: inline-block;
    vertical-align: middle;
  }
  
  .owl-pro .item {
    min-width: 120px;
    background-color: #fff;
    margin-bottom: 12px;
    -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1),
      box-shadow 200ms ease;
    -moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1),
      box-shadow 200ms ease;
    -o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1),
      box-shadow 200ms ease;
    -ms-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1),
      box-shadow 200ms ease;
    transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1),
      box-shadow 200ms ease;
    box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
    margin-top: 10px;
    /* border-radius: 14px; */
  }
  
  .owl-pro .item:hover {
    box-shadow: 0px 12px 19px -7px rgba(0, 0, 0, 0.3);
    border-color: var(--darkGold);
  }
  
  .owl-slider .owl-dots {
    position: absolute;
    bottom: 13px;
    right: 0;
    left: 0;
    margin: auto;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  .owl-slider .owl-dots .owl-dot span {
    margin: 5px 2px !important;
    background-color: #fff;
  }
  
  .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 3px;
    border-radius: 8px;
    background-color: #7a90a7;
  }
  
  .adv-banner li .owl-slider .owl-dot.active span,
  .owl-slider .owl-dots .owl-dot.active span,
  .owl-slider .owl-dots .owl-dot:hover span {
    background: #f37021 !important;
    width: 40px !important;
  }
  
  .owl-slider .owl-prev {
    position: absolute;
    top: 38%;
    left: 30px;
    width: 40px;
    height: 40px;
    border-radius: 100% !important;
    line-height: 0 !important;
    margin: 0 !important;
    opacity: 0;
    transition: all 0.2s linear;
    background-image: none !important;
    font-size: 20px !important;
    transform: none !important;
  }
  
  .owl-slider .owl-next {
    position: absolute;
    top: 38%;
    right: 30px;
    width: 40px;
    height: 40px;
    border-radius: 100% !important;
    line-height: 0 !important;
    margin: 0 !important;
    opacity: 0;
    transition: all 0.2s linear;
    background-image: none !important;
    font-size: 20px !important;
  }
  
  .owl-slider:hover .owl-next,
  .owl-slider:hover .owl-prev {
    opacity: 1;
  }
  
  
  .copy {
    color: #b6b2b2;
  }
  
  
  .copy .color-footer {
    color: #fff;
    font-weight: 500;
  }
  
  .owl-pro .item {
    position: relative;
    border: 1px solid #fff;
    overflow: hidden;
  }
  
  .owl-pro .item:hover .add-to-card {
    height: auto !important;
    padding: 8px 5px;
  }
  
  .c-left,
  .c-right {
    font-size: 12px;
  }
  
  .right-footer {
    position: relative;
  }
  
  .footer .tel {
    font-size: 13px;
    font-weight: bold;
  }
  
  .footer-logo {
    display: block;
    margin-bottom: 10px;
  }
  
  
  .banner img {
    width: 100% !important;
  }
  
  .nav-link {
    color: #464646;
    font-size: 14px !important;
    font-weight: 500;
  }
  
  .frm-search input::-webkit-input-placeholder {
    color: #9b9b9b !important;
    font-size: 12px;
  }
  
  .frm-search input::-moz-placeholder {
    color: #9b9b9b !important;
    font-size: 12px;
  }
  
  .frm-search input:-ms-input-placeholder {
    color: #9b9b9b !important;
    font-size: 12px;
  }
  
  .frm-search input:-moz-placeholder {
    color: #9b9b9b !important;
    font-size: 12px;
  }
  
  .container-fluid {
    margin: 0 auto;
    max-width: 1566px;
  }
  
  @keyframes blink {
    50% {
      opacity: 0.5;
    }
  }
  
  .banner-sectoon {
    background-color: #f6f6f6;
    padding-bottom: 18px;
  }
  
  .slider img,
  .banner a img {
    width: 100% !important;
  }
  
  .banner a {
    display: block;
  }
  
  .col-8.cost {
    min-height: 55px;
  }
  
  .send-box-cat span {
    width: 83px;
    left: 0;
    border: 1px solid #78beb4;
    z-index: 2;
    color: #78beb4;
    font-weight: 500;
    padding: 1px 6px;
    margin-top: 3px;
    border-radius: 25px;
    font-size: 10px;
    background-color: #fff;
  }
  
  .send-box {
    position: absolute;
    left: 0;
    border: 1px solid #4375ff;
    z-index: 2;
    color: #6d93fb;
    font-weight: 500;
    padding: 1px 10px;
    margin-top: 3px;
    top: 42px;
    border-radius: 25px;
    font-size: 12px;
    background-color: #fff;
  }
  
  .img-box {
    position: relative;
    display: inline-block;
  }
  
  .more a:hover {
    border-color: var(--darkGold);
  }
  
  .thumbnail.thum-send:hover img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.3s ease 80ms;
    -moz-transition: all 0.3s ease 80ms;
    -ms-transition: all 0.3s ease 80ms;
    -o-transition: all 0.3s ease 80ms;
    transition: all 0.3s ease 80ms;
  }
  
  .footer-link {
    border-top: 1px solid #e1e1e1;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  
  .more-info.more {
    color: #6eccf3;
    font-size: 11px;
    background-color: transparent;
    cursor: pointer
  }
  
  .owl-theme .owl-dots .owl-dot span {
    margin: 5px 4px !important;
  }
  
  .shop-link:hover {
    color: #fff;
  }
  
  .owl-prev {
    position: absolute;
    left: -20px;
    top: 40%;
  }
  
  .owl-next {
    position: absolute;
    right: -20px;
    top: 40%;
  }
  
  .owl-category .owl-prev {
    position: absolute;
    left: -57px;
    top: 48%;
  }
  
  .brand-section .owl-next {
    right: -41px;
    top: 3%;
  }
  
  .brand-section .owl-prev {
    left: -41px;
    top: 3%;
  }
  
  .brand-section {
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  
  .owl-category .owl-next {
    position: absolute;
    right: -57px;
    top: 48%;
  }
  
  .owl-next span,
  .owl-prev span {
    font-size: 0 !important;
  }
  
  .owl-next {
    margin: 0 !important;
    background: url('../images/arrow.png') !important;
    width: 58px;
    height: 58px;
  }
  
  .owl-prev {
    margin: 0 !important;
    background: url('../images/arrow.png') !important;
    transform: rotate(180deg);
    width: 58px;
    height: 58px;
  }
  
  .owl-dot.active span {
    background-color: #f37021 !important;
    width: 25px !important;
    border-radius: 15px !important;
  }
  
  @media screen and (max-width: 1199.99px) {
    .c-navi-new-list__category-item>li {
      margin-left: 5px;
    }
  
  }
  
  .namd li img {
    object-fit: contain;
    max-height: 100% !important;
  }
  
  @media screen and (max-width: 767.99px) {
    .item-pro .item {
      min-width: 120px;
    }
  
    .footer-top {
      background-color: #fff;
      padding-top: 30px;
      padding-bottom: 30px !important;
    }
  
    .category-list li {
      width: 46%;
    }
  
    .logo-category-image {
      height: 200px;
      padding: 1rem;
    }
  
    .col-lg-4.col-md-12.col-12.banner.pl-0.pr-2.order-lg-0.mt-xs-15.mt-t-15 {
      display: flex !important;
      justify-content: space-between;
    }
  
    .banner .item.img-pro-banner {
      width: 49%;
      display: inline-block;
  
    }
  
    .main-categori-section {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  
    .back-to-top {
      bottom: -67px;
    }
  
    .search-result {
      background-color: #fff;
      box-shadow: 0px 6px 8px #828080;
      border-radius: 0 0 10px 10px;
      padding: 10px;
      position: absolute;
      top: 40px;
      right: 0;
      width: 100%;
      height: 150px;
      overflow-y: auto;
      z-index: 2;
    }
  
    .slide-col {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    .soon-wrapper [class*="soon-"],
    .soon [class*="soon-"] {
      font-size: 15px !important;
    }
  
    .mt-xs-15 {
      margin-top: 15px;
    }
  
    .p-xs-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    .bg-news-cover {
      background-position: center center !important;
    }
  
    .more a {
      padding: 5px 11px !important;
    }
  
    .info-contact {
      text-align: center;
      margin-top: 20px;
    }
  
    .sotial-footer ul {
      margin: auto;
    }
  
    .sotial-footer a {
      width: 40px;
      height: 40px;
      line-height: 40px;
    }
  
    .sotial-footer ul li {
      width: 40px;
      height: 40px;
      line-height: 40px;
    }
  
    .send-section .thum-send a {
      text-align: center;
    }
  
    .send-section .thum-send a {
      font-size: 12px;
    }
  
    .soon-label {
      display: none !important;
    }
  
  
  
    .off-box {
      border-radius: 0 !important;
    }
  
    .list-section .col-md-6.col-12.ps-md-0 {
      padding: 0 !important;
      margin-bottom: 15px;
    }
  
    .list-section .col-md-6.col-12.pe-md-0 {
      padding: 0 !important;
    }
  
    .copy {
      font-size: 11px;
    }
  
    .img-list-nasher,
    .img-list-author {
      height: 40px !important;
      line-height: 40px !important;
    }
  
    .list-enteshar.p-0 {
      margin-left: -8px !important;
      margin-right: -6px !important;
    }
  
    .img-list-author img {
      height: 40px !important;
      width: 40px !important;
    }
  
    .namd li {
      width: 65px;
      height: 65px;
      padding: 5px;
      line-height: 53px;
    }
  
    .d-block.list-name-nasher {
      font-size: 10px;
    }
  
    .accordion-container {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
  
    .soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner,
    .soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner,
    .soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner,
    .soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner {
      min-width: 19px !important;
    }
  
    .accordion-container {
      margin-bottom: 20px !important;
      margin-top: 20px !important;
    }
  
    .row-news-letter {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    .row-social {
      padding-left: 0 !important;
      padding-right: 0 !important;
      text-align: center;
      /* margin-bottom: 20px; */
    }
  
    .namd {
      text-align: center;
    }
  
    .item.img-pro-banner img {
      object-fit: fill !important;
      width: 100% !important;
      height: 100% !important;
    }
  
    .row-footer {
      display: none !important;
    }
  
    .cat-box {
      width: 50px !important;
      height: 50px !important;
      line-height: 50px !important;
    }
  
    .list-cat li {
      width: 25%;
      margin: 5px;
    }
  
    .right-toolbar span {
      margin-right: 15px;
      position: relative;
    }
  
    li.home,
    .support.intro {
      display: none !important;
    }
  
    .prl-xs-0 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
  
    .show-more:hover {
      color: #fff !important;
    }
  
    .pro-model a {
      color: #2a2a2a;
      font-weight: 700;
    }
  
    .show-more {
      width: 60px;
      height: 40px;
      background-color: #eb162e;
      display: inline-table;
      border-radius: 5px;
      text-align: center;
      color: #fff;
      line-height: 40px;
      font-size: 24px;
      top: -7px;
      position: relative;
    }
  
    .categories {
      width: 100% !important;
    }
  
    .owl-theme.owl-gift,
    .owl-pro,
    .owl-send {
      display: flex;
      overflow-x: auto;
      overflow-y: hidden;
    }
  
    .brand-list .index-row a {
      margin: 2px 0 !important;
    }
  
    .btn-group.box-icon {
      margin-top: 10px;
    }
  
    .c-share__social {
      width: 37px !important;
      height: 37px !important;
  
      line-height: 32px !important;
    }
  
    .lbl-edit-shipping-address {
      border: none !important;
    }
  
    .product-name-inner {
      font-size: 12px !important;
    }
  
    .address-item .address-details {
      font-size: 14px;
    }
  
    .section3-detail .tab-pane {
      padding: 35px 10px 35px 10px !important;
      font-size: 14px !important;
    }
  
    .row-tab #myTabs li a {
      padding: 14px 12px !important;
    }
  
    .col-md-8.col-12.cost.text-right.pr-3 {
      padding-left: 5px !important;
    }
  
  
    .p-xs-2 {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
  
    .accordion-container .set {
      position: relative;
      width: 100%;
      height: auto;
      background-color: transparent;
      line-height: 40px;
      /* border-bottom: 1px solid #a5a7a961; */
    }
  
    .accordion-container .content {
      position: relative;
      width: 100%;
      height: auto;
      padding-right: 10px !important;
      display: none;
      line-height: 25px;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .owl-brands .owl-prev {
      background: rgba(255, 255, 255, 0.8) !important;
      box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      width: 40px;
      height: 40px;
      margin-top: -30px;
      z-index: 10;
      left: -10px !important;
      border-radius: 100% !important;
      line-height: 26px !important;
    }
  
    .owl-brands .owl-next {
      background: rgba(255, 255, 255, 0.8) !important;
      box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      width: 40px;
      height: 40px;
      margin-top: -30px;
      z-index: 10;
      right: -10px !important;
      border-radius: 100% !important;
      line-height: 26px !important;
    }
  }
  
  .caption-section {
    position: relative;
  }
  
  .lnk-footers {
    padding-right: 0;
  }
  
  .namd li {
    text-align: center;
    position: relative;
    border-radius: 15px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #5c5a58;
  }
  
  .more-about {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
  }
  
  .more-about i {
    vertical-align: middle;
    font-size: 15px;
    margin-right: 5px;
  }
  
  .more-about:hover {
    color: #43c2fd;
    transition: all 0.2s linear;
  }
  
  .d-flex.flex-cal {
    align-items: center;
  }
  
  .c-navi-new-list {
    display: flex;
    width: 100%;
  }
  
  
  .page {
    overflow-x: hidden;
  }
  
  .panel-menu {
    width: 300px;
    background-color: #fff !important;
    position: fixed;
    height: 100vh;
    top: 0;
    bottom: 0;
    right: -300px;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    transition: ease 0.5s;
    z-index: 999999 !important;
    display: block !important;
  }
  
  .close-li {
    background-color: #f3f3f3 !important;
  }
  
  .subPanel {
    width: 300px;
    background-color: #fff !important;
    position: fixed;
    height: 100%;
    top: 0;
    bottom: 0;
    right: -300px;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    transition: ease 0.5s;
    z-index: 999999 !important;
    display: block !important;
    padding-right: 0 !important;
  }
  
  .panel-menu>ul:nth-child(1) {
    overflow-y: auto !important;
    max-height: 100vh;
  }
  
  #panel-menu ul {
    padding-right: 0 !important;
    max-height: 100vh;
    overflow-y: auto;
  }
  
  .panel-menu ul li {
    list-style: none;
    width: 100%;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #edecec;
    color: #717471;
    font-weight: 500;
    font-size: 14px;
  }
  
  .btn-menu {
    background-color: #f3f3f3 !important;
    width: 100%;
    line-height: 40px;
    padding: 5px;
    padding-right: 5px;
    cursor: pointer;
    border-bottom: 1px solid rgb(218 218 218);
    color: #858585;
    padding-right: 21px;
  }
  
  .panel-menu {
    z-index: 10;
  }
  
  .panel-menu ul li {
    padding-left: 20px;
    padding-right: 10px;
  }
  
  .main-menu a {
    color: #717471;
    font-weight: 500;
    font-size: 14px;
  }
  
  .openSubPanel {
    position: relative;
  
    cursor: pointer;
    z-index: 1;
    text-align: right;
    width: 100%;
    display: block;
  }
  
  .panel-menu.isOpen,
  .subPanel.isOpen {
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
  }
  
  .subPanel {
    z-index: 20;
  }
  
  .closeSubPanel,
  .closePanel,
  .openSubPanel {
    cursor: pointer;
  }
  
  .panel-menu>ul:nth-child(1) {
    overflow-y: auto !important;
    max-height: 100vh;
    width: 100%;
  }
  
  .border-none {
    border: none !important;
  }
  
  .panel-menu.isOpen::before {
    position: absolute;
    right: 300px;
    content: "";
    top: 0;
    height: 100%;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 500%;
  }
  
  .arow-menu i {
    background: url("../images/nav-sprite.png") no-repeat -137px -288px;
    width: 8px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(180deg);
  }
  
  .close-menu .times {
    background: url("../images/nav-sprite.png") no-repeat -190px -288px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
  }
  
  .closeSubPanel i {
    background: url("../images/nav-sprite.png") no-repeat -136px -309px;
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(180deg);
  }
  
  .panel-menu.isOpen .close-menu {
    padding: 0;
    width: 28px;
    height: 28px;
    font-size: 21px;
    color: #858585;
    line-height: 15px;
    text-align: center;
    line-height: 33px;
    float: left;
    position: absolute;
    left: 10px;
    top: 10px;
  }
  
  .openSubPanel .arow-menu {
    color: #879496;
    font-size: 22px;
  }
  
  .arow-menu {
    position: absolute;
    left: 0;
    top: 0;
    height: 29px;
    color: #879496;
  }
  
  .send-section .img-send {
    display: inline-block;
  }
  
  .c-navi-new-list__inner-category--hovered {
    padding: 8px 10px;
    color: var(--darkGold);
    transition: all 0.2s linear;
  }
  
  .c-navi-new-list__inner-category--hovered .ico-menu {
    transition: all 0.2s linear;
  }
  
  .c-navi-new-list__inner-category.js-mega-menu-category:hover {
    color: var(--darkGold);
    transition: all 0.2s linear;
  }
  
  .support:hover a {
    transform: scale(1.1);
    transition: all 0.2s linear;
  }
  
  .support a {
    margin-right: 10px;
  }
  
  .menu-account li:not(:last-child) a {
    border-bottom: 1px dashed #d8d4d4;
  }
  
  .menu-account li {
    padding: 5px 20px;
    line-height: 3;
  }
  
  .menu-account li a {
    font-size: 13px;
    display: block;
    color: #424750;
    display: block;
    font-weight: 600;
    width: 100%;
  }
  
  .menu-account li:hover {
    background-color: #f0f0f1;
  }
  
  .register button {
    border: none !important;
    font-size: 11px;
    font-weight: 900;
    border-radius: 25px;
    /* width: 112px; */
    /* height: 34px; */
  }
  
  .icon-reg {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
  }
  
  .menu-account {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    border: none !important;
    min-width: 250px;
    padding: 0;
  }
  
  .menu-account li i {
    font-size: 17px;
    margin-left: 2px;
    vertical-align: middle;
  }
  
  .m-user-img img {
    width: 40px;
    height: 40px;
    border-radius: 100% !important;
  }
  
  .gap-c {
    display: inline-block;
    width: 1px;
    height: 13px;
    background-color: #000;
    margin-right: 20px;
    vertical-align: middle
  }
  
  .soon-text.soon-separator {
    position: absolute !important;
    left: -1px;
  }
  
  .soon[data-layout*="group"][data-layout*="overlap"]>.soon-group {
    direction: ltr;
  }
  
  .soon-wrapper[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-value,
  .soon[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-value {
  
    top: 45%;
  
  }
  
  .timer far.fa-clock {
    color: #7a7a7a;
    font-size: 20px;
  }
  
  .soon-repeater.soon-value {
    margin: auto !important;
    height: 100%;
  
  }
  
  .soon-slot .soon-slot-inner {
    z-index: 8;
  }
  
  .soon[data-layout*="group"][data-layout*="overlap"]>.soon-group {
    direction: ltr;
  }
  
  .soon-wrapper [class*="soon-"],
  .soon [class*="soon-"] {
    display: inline-block;
    vertical-align: baseline;
  }
  
  .soon-wrapper [class*="soon-"],
  .soon [class*="soon-"] {
    color: var(--darkGold);
  }
  
  .soon-text {
    font-weight: 501 !important;
  }
  
  .soon[data-layout*="group"] {
    padding: 0 !important;
  }
  
  .soon-slot .soon-slot-inner {
    z-index: 8;
  }
  
  .soon-wrapper [class*="soon-"],
  .soon [class*="soon-"] {
    z-index: 8;
    position: relative;
  }
  
  .soon-group.soon-group-sub {
    direction: ltr;
  }
  
  .soon[data-scale="m"] {
    font-size: 4px;
    direction: ltr !important;
  }
  
  .soon-wrapper[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-value,
  .soon[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-value {
    top: 45%;
  }
  
  .soon-repeater.soon-value {
    border-radius: 100%;
    margin: auto !important;
    height: 100%;
  }
  
  .soon-slot .soon-slot-inner {
    z-index: 8;
  }
  
  .soon[data-layout*="group"][data-layout*="overlap"]>.soon-group {
    direction: ltr;
  }
  
  .soon-wrapper[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-label,
  .soon[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-label {
    bottom: 37% !important;
    font-size: 10px !important;
  }
  
  .soon-wrapper[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-label,
  .soon[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-label {
    bottom: 30%;
  }
  
  .soon-wrapper[data-layout*="group"] .soon-label,
  .soon[data-layout*="group"] .soon-label {
    font-size: .5em;
  }
  
  .soon-wrapper[data-visual] .soon-label,
  .soon[data-visual] .soon-label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25%;
    margin-top: 0 !important;
    line-height: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: .325em !important;
  }
  
  .soon-wrapper[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-value,
  .soon[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-value {
    top: 45%;
  }
  
  .soon-slot .soon-slot-inner {
    z-index: 8;
  }
  
  .soon-wrapper[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-label,
  .soon[data-visual*="ring"]:not([data-layout*="label-hidden"]) .soon-label {
  
    bottom: -16% !important;
    font-size: 8px !important;
  }
  
  .soon-wrapper [class*="soon-"],
  .soon [class*="soon-"] {
    z-index: 8;
    position: relative;
  }
  
  .soon-group.soon-group-sub {
    direction: ltr;
  }
  
  .soon[data-scale="m"] {
    font-size: 20px;
    direction: ltr !important;
    text-align: right !important
  }
  
  .timer span {
    display: inline-block;
    vertical-align: middle;
  }
  
  .soon-wrapper [class*="soon-"],
  .soon [class*="soon-"] {
    display: inline-block;
    vertical-align: baseline;
  }
  
  .soon-wrapper [class*="soon-"],
  .soon [class*="soon-"] {
    z-index: 8;
    position: relative;
    text-align: center !important;
    font-family: iranyekan;
  }
  
  .soon-text {
    font-family: arial;
    font-weight: 501 !important;
    padding-top: 5px;
  }
  
  .soon[data-layout*="group"] {
    padding: 0 !important;
  }
  
  .mini-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 330px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1;
  }
  
  .mini-cart-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: 4px solid #f6f6f6;
  }
  
  .btn.btn-link {
    color: #212121;
    text-decoration: none;
  }
  
  .shop .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    border: 0;
    border-radius: 10px;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    color: #000;
  }
  
  .mini-cart-products {
    max-height: 280px;
    overflow-y: auto;
  }
  
  .mini-cart-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    margin: 10px;
  }
  
  .mini-cart-product-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
  }
  
  .mini-cart-product-thumbnail a {
    display: block;
    position: relative;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .mini-cart-product-thumbnail a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    border-radius: 10px;
    opacity: .03;
    z-index: 10;
  }
  
  .mini-cart-product-thumbnail img {
    max-width: 100%;
  }
  
  .mini-cart-product-detail {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 15px;
    position: relative;
  }
  
  .mini-cart-product-brand {
    font-weight: 700;
    margin-bottom: 5px;
  }
  
  .mini-cart-product-detail a {
    color: #212121;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  
  .mini-cart-product-title {
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 700;
  }
  
  .mini-cart-purchase-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .mini-cart-product-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .mini-cart-product-price {
    font-weight: bold;
  }
  
  .mini-cart-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    margin: 10px;
  }
  
  .currency {
    font-size: 12px;
  }
  
  #dropdownMenuButton1 {
    background-color: transparent !important;
    border: none !important;
    position: relative;
    padding: 0 !important;
  }
  
  .mini-cart-product-remove {
    position: absolute;
    top: -2px;
    left: -2px;
    border: 0;
    background-color: transparent;
    z-index: 1;
  }
  
  .mini-cart-product-remove i {
    color: #000 !important;
  }
  
  .mini-cart-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 10px;
    border-top: 4px solid #f6f6f6;
  }
  
  .mini-cart-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .mini-cart-total-label {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
  }
  
  .mini-cart-total-value {
    font-size: 18px;
    font-weight: bold;
  }
  
  .btn-primary {
    color: #fff !important;
    background-color: var(--darkGold);
    border-color: var(--darkGold);
    box-shadow: none !important;
  }
  
  .btn-primary:hover {
    color: #fff !important;
    background-color: #14132a;
  }
  
  .addToCart::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 20px;
    transition: opacity .15s ease, transform .25s ease;
    transform: translateY(100%);
    content: "\f07a";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
  }
  
  .add-crd.addToCart {
    background-color: #74a32f;
    padding: 5px 6px;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  .js-categories-bar-item.js-mega-menu-main-item.c-navi-new-list__category-container-main {
    font-weight: 600;
  }
  
  .right-toolbar button::after {
    display: none !important;
  }
  
  .owl-pro .unit {
    color: #737373;
  }
  
  .owl-pro .old-cost {
    color: #737373;
    font-size: 16px;
    font-weight: 300;
  }
  
  .quick-btn {
    position: absolute;
    right: -40px;
    bottom: 150px;
    z-index: 3;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }
  
  .quick-btn .list-menu {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 30px;
    transform: scale(0);
    transition: .15s linear;
    margin: 3px 0;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 1px 5px #ccc;
  }
  
  .list-menu button {
    background: transparent;
    line-height: 33px;
    height: 30px;
    width: 30px;
  }
  
  .owl-pro .item:hover .quick-btn {
    right: 7px !important;
    z-index: 999;
  }
  
  .owl-pro .item:hover .list-men {
    transform: scale(1) !important;
    transition: .15s linear;
  }
  
  .tooltip {
    font-family: iranyekan;
    font-size: 12px;
  }
  
  .ico-menu,
  .ico-menu img {
    width: 30px !important;
    height: 35px !important;
    border-radius: 5px;
  }
  
  .ico-menu {
    margin-left: 5px;
    box-shadow: 0px 1px 5px #ccc;
  }
  
  @media screen and (min-width: 992.99px) and (max-width: 1023.99px) {
    .c-navi-new-list__category-link {
      font-size: 13px;
    }
  
  }
  
  .off {
    color: #fff;
    font-size: 15px;
    line-height: 1;
  }
  
  .off span {
    font-size: 13px;
  }
  
  .offer {
    /* background-color: #dc0029; */
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    border-radius: 25px;
    padding: 0 9px;
    direction: ltr;
  }
  
  .offer span {
    font-size: 12px;
  }
  
  .offer span:nth-child(2) {
    color: var(--darkGold);
  }
  
  .cost-total {
    color: var(--darkGold);
    font-weight: bolder;
    display: inline-block;
    font-size: 18px;
  }
  
  .unit {
    color: #999;
    font-size: 11px;
  }
  
  .col-10.cost.text-end.ps-0.off-pro {
    line-height: 1.2;
    min-height: 40px;
  }
  
  .old-cost {
    color: #9d9b9b;
    font-weight: 600;
    text-decoration: line-through;
  }
  
  .title-section {
    position: relative;
    z-index: 999;
  }
  
  /* .title-section::after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 98%;
    height: 1px;
    content: '';
    background-color: #c2c2c2;
    margin: auto;
    left: 0;
  } */
  
  .map-icon {
    background-position: -74px -35px;
    width: 18px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
  }
  
  .tel-icon {
    background-position: -34px -40px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
  }
  
  .email-icon {
    background-position: -7px -43px;
    width: 16px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
  }
  
  .cal {
    font-size: 20px;
    display: inline-block;
    direction: ltr;
    font-weight: 600;
    letter-spacing: 1px;
  }
  
  .cal:hover {
    color: var(--darkGold);
  }
  
  .icon-li {
    width: 28px;
    display: inline-block;
    vertical-align: middle;
  }
  
  .call {
    direction: ltr;
    display: inline-block;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 13px;
  }
  
  .mail-text {
    color: #000;
    font-weight: 300;
    font-size: 12px;
  }
  
  .call:hover {
    color: var(--darkGold);
  }
  
  .icon-info {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background-color: #fff;
    text-align: center;
    line-height: 44px;
    margin-left: 10px;
  }
  
  .text-li {
    width: calc(100% - 60px);
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
  }
  
  .text-li .bld {
    font-weight: 600;
  }
  
  .send-section .thum-send {
    text-align: center;
    border-radius: 15px;
    padding: 21px 10px 24px;
    margin: 11px auto;
    box-shadow: 0px 0px 14px #ccc;
    background-color: #fff;
  }
  
  .icon-send {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
  
  }
  
  .caption-section {
    color: #666;
    font-size: 20px;
    font-weight: bold;
  }
  
  .back-to-top {
    background: url('../images/top.png') no-repeat;
    width: 120px;
    height: 68px;
    position: absolute;
    right: 0;
    margin: auto;
    left: 0;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    z-index: 100;
  }
  
  .t-news {
    font-size: 18px;
    font-weight: 600;
  }
  
  .t-news i {
    vertical-align: middle;
  }
  
  .dropdown-menu .submenu {
    display: none;
    position: absolute;
    right: 100%;
    top: -7px;
    max-height: calc(100vh - 112px);
    overflow-y: auto;
  }
  
  .dropdown-menu>li:hover>.submenu {
    display: block;
  }
  
  .category-count {
    color: #666666;
    font-size: 12px;
    line-height: 1.2;
  }
  
  .category-name {
    color: #284258;
    font-weight: 500;
    font-size: 15px;
    margin-top: 10px;
  }
  
  .d-block.img-cat {
    height: 168px;
  }
  
  .d-block.img-cat img {
    object-fit: contain;
    max-width: 100% !important;
    max-height: 100% !important;
  }
  
  .card.crd-pro {
    border: none;
  }
  
  .short-desc-pro {
    color: #284258;
    font-size: 12px;
  }
  
  .pro-name {
    color: var(--primaryColor);
    font-weight: 600;
    min-height: 40px;
    display: flex;
    align-items: center;
  }
  
  .owl-news .img-special img {
    object-fit: fill;
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    /* border-radius: 15px 15px 0 0; */
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    transition-duration: 0.4s;
    transition-duration: 0.4s;
    transition-duration: 0.4s;
  }
  
  .owl-news .img-special {
    overflow: hidden;
    display: block;
    /* border-radius: 15px 15px 0 0; */
  }
  
  .more-show {
    color: #666;
    font-weight: 300;
    font-size: 12px;
  }
  
  .lbl-time {
    color: #000;
  }
  
  @media screen and (min-width: 768px) {
    .send-section .thum-send {
      width: 80%;
  
    }
  
    .icon-info {
      box-shadow: 0px 0px 18px #ccc;
    }
  
    .owl-news .img-special {
      height: 213px;
    }
  
    .header.sticky-menu .banner-header,
    .header.sticky-menu .top-header {
      display: none !important;
    }
  
    .back-to-top {
      bottom: -36px;
    }
  
  
    .search-result {
      background-color: #fff;
      box-shadow: 0px 6px 8px #828080;
      border-radius: 0 0 10px 10px;
      padding: 10px;
      position: absolute;
      top: 40px;
      right: 0;
      width: 91%;
      height: 150px;
      overflow-y: auto;
      z-index: 2;
      margin-right: 1rem !important;
    }
  
    .soon-wrapper [class*="soon-"],
    .soon [class*="soon-"] {
      font-size: 25px !important;
    }
  
    .card.crd-pro {
      border-radius: 25px;
      box-shadow: 0 0 12px #ddd;
    }
  
    .row-social ul {
      display: flex;
      justify-content: space-around;
    }
  
  }
  
  .sec1 {
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #333;
    /* background-color: #d90022; */
    /* padding: 5px 20px; */
    border-radius: 15px 15px 0 0;
    font-weight: 300;
  }
  
  .sec-top {
    font-size: 18px;
  }
  
  .pro-model {
    color: #284258;
    font-size: 12px;
    font-weight: 300;
  }
  
  .lbl-pro2 {
    background: var(--darkGold);
    color: #000;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    padding: 0 8px;
    font-size: 11px;
    border-radius: 25px;
  }
  
  .color-footer2 {
    color: #f37021;
    font-weight: 500;
  }
  
  .company-name {
    color: #ffffff;
    font-weight: 600;
  }
  
  .company-detail {
    color: #fdfdfdf2;
    font-size: 12px;
    font-weight: 300;
    text-align: justify;
  }
  
  .more-desc a {
    color: var(--darkGold);
    font-weight: 600;
  }
  
  .more-desc a i {
    vertical-align: middle;
  }
  
  
  .lbl-news {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #d90022;
    color: #fff;
    padding: 0 15px;
    border-radius: 25px;
    z-index: 1;
    line-height: 2;
  }
  
  .layer-item {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    text-align: right;
  }
  
  .date-blog {
    font-size: 11px;
  }
  
  .owl-news .item:hover .img-special img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  
  .owl-news .item:hover .layer-item {
    color: var(--darkGold);
  }
  
  .owl-logo .item a {
    height: 80px;
    display: flex !important;
    margin: 0 5px;
    align-items: center;
    justify-content: center;
    /* background-color: #fff; */
    border-radius: 5px;
  }
  
  .owl-logo .item a img {
    object-fit: contain;
    max-width: 120px !important;
    max-height: 100% !important;
  }
  
  .title-section-brand {
    font-weight: 600;
    color: #212121;
    font-family: "vazir";
    font-weight: bold;
  }
  
  .img-pro.position-relative a {
    height: 300px;
    display: block;
    overflow: hidden;
    padding: 2rem 0;
  }
  
  .img-pro.position-relative a img {
    object-fit: contain;
    max-height: 100% !important;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    transition-duration: 0.4s;
    transition-duration: 0.4s;
    transition-duration: 0.4s;
    transition-duration: 0.4s;
  }
  
  .owl-pro .item:hover .img-pro img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  
  a:hover {
    color: #000;
  }
  
  .item-img.position-relative {
    overflow: hidden;
    /* border-radius: 15px; */
  }
  
  .col-12.cost.text-end.off-pro {
    min-height: 62px;
  }
  
  .col-12.text-center.pro-name-special.position-relative {
    margin-top: 7px;
    min-height: 26px;
  }
  
  .owl-slider .owl-nav i {
    color: #fff !important;
    line-height: 0.8 !important;
    font-size: 60px !important;
  }
  
  .search-result-list li {
    list-style: none;
    text-align: right;
    line-height: 2;
    border-bottom: 1px solid #eee;
    padding: 5px;
    font-size: 13px;
  }
  
  .search-result-list li a {
    color: #000;
  }
  
  .chat {
    position: fixed;
    z-index: 1;
  }
  
  .d-flex.flex-item {
    align-items: center;
  }
  
  .main-title {
    font-family: "vazir";
    font-weight: bold;
    color: #303030;
    font-size: 18px;
  }
  
  .sub-title,
  .sub-title a {
    color: #595959;
  }
  
  .info-cost {
    color: #c70a0a;
    font-weight: 600;
    font-size: 15px;
  }
  
  .flip {
    color: #303030;
    font-size: 11px;
  }
  
  .main-img-category {
    display: block;
    border-radius: 15px;
  }
  
  .logo-category-image img {
    object-fit: contain !important;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    border-radius: 15px;
  }
  
  .btn-search {
    background-color: var(--darkGold);
    border-radius: 25px;
    padding: 2px 7px;
    width: 32px;
    height: 32px;
    line-height: 28px;
  }
  
  .col-category li:hover .logo-category-image img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  
  .ht_ctc_an_heartBeat {
    animation-name: heartBeat;
    animation-duration: calc(1s * 1.3);
    animation-duration: calc(var(1) * 1.3);
    animation-timing-function: ease-in-out;
  }
  
  .ht_ctc_animation {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-iteration-count: 1000;
  }
  
  .ht_ctc_an_entry_center {
    animation: center .25s;
    animation-name: center;
    animation-duration: 0.25s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: none;
  }
  
  .ht_ctc_entry_animation {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-iteration-count: 1;
  }
  
  .link-title-section a {
    color: #000;
  }
  
  .owl-news .item {
    background-color: #fff;
    text-align: center;
    /* border-radius: 15px; */
    padding-bottom: 15px;
  }
  
  .title-blog {
    color: var(--primaryColor);
    min-height: 40px;
    font-weight: 700;
    text-align: right;
  }
  
  .short-desc-news {
    color: #404040;
    min-height: 40px;
    font-size: 12px;
    font-weight: 300;
    text-align: right;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical !important;
    line-height: 2.3;
  }
  
  .btn-add span {
    background-position: -134px -43px;
    width: 18px;
    height: 18px;
    display: inline-block;
  }
  
  .btn-add {
    /* background: #d90022 !important; */
    /* border: 1px solid var(--darkGold); */
    width: 33px;
    height: 33px;
    border-radius: 100%;
    line-height: 45px;
    box-shadow: none !important;
  }
  
  .owl-theme .item:hover .btn-add {
    /* background-color: #509041 !important; */
    border-color: #ccc;
  }
  
  
  .title-section2 {
    column-gap: #000;
    font-size: 20px;
    font-weight: 600;
  }
  
  .img-shop {
    background-position: 0 -3px;
    width: 29px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  
  .icon-category {
    background-position: -134px -6px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
  }
  
  .img-search {
    background-position: -99px -6px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  
  .img-reg {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  
  .compare.compare-link a,
  .favo.favo-link a {
    display: block;
  }
  
  .frm-search input {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    width: calc(100% - 30px);
  }
  
  .frm-search {
    display: flex;
    align-items: center;
    padding: 0px 5px;
    border-radius: 25px;
    background-color: #efefef;
  }
  
  .img-search.icon-slice {
    margin-right: 10px;
  }
  
  .row.row-header {
    align-items: center;
  }
  
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .img-all {
    background-position: -41px -9px;
    width: 21px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
  }
  
  .shop .count {
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 100%;
    line-height: 18px;
    display: inline-block;
    color: var(--darkColor2);
    text-align: center;
    /* border: 3px solid #fffefe; */
    margin-left: -10px;
    z-index: 1;
    position: relative;
    line-height: 1;
  }
  
  .favo .count {
    width: 19px;
    height: 19px;
    background-color: var(--darkGold);
    border-radius: 100%;
    line-height: 13px;
    display: inline-block;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 8px;
    right: -7px;
    border: 2px solid var(--darkGold);
    z-index: 1;
  }
  
  .d-flex.flex-cal {
    align-items: center;
  }
  
  .c-navi-new-list {
    display: flex;
    width: 100%;
  }
  
  .ms-auto.right-toolbar {
    margin-bottom: 10px;
  }
  
  .c-navi.js-navi {
    transition: all 0.5s linear;
    position: relative;
  }
  
  .c-navi__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
  }
  
  .c-navi-categories__overlay {
    position: fixed;
    right: 0;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    content: "";
    background: rgba(27, 10, 10, 0.69);
    opacity: 0;
    z-index: 233;
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    pointer-events: none;
  }
  
  .c-navi-categories__overlay.is-active {
    opacity: 1;
    pointer-events: all !important;
  }
  
  .c-navi-new-list__category-item {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 30px;
  }
  
  .c-navi-new-list__categories>.c-navi-new-list__category-item,
  .c-navi-new-list__categories>.c-navi-new-list__promotion-item,
  .c-navi-new-list__promotions>.c-navi-new-list__category-item,
  .c-navi-new-list__promotions>.c-navi-new-list__promotion-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
    width: 100%;
    align-items: flex-end;
  }
  
  .c-navi-new-list__category-item>li {
    line-height: 3 !important;
  }
  
  .c-navi-new-list>li {
    list-style: none;
  }
  
  .c-navi-new-list__categories>.c-navi-new-list__category-item>li:hover,
  .c-navi-new-list__categories>.c-navi-new-list__promotion-item>li:hover,
  .c-navi-new-list__promotions>.c-navi-new-list__category-item>li:hover,
  .c-navi-new-list__promotions>.c-navi-new-list__promotion-item>li:hover {
    z-index: 3;
  }
  
  .c-navi-new-list__a {
    display: block;
    position: relative;
    height: 100%;
    padding: 8px 9px 7px;
    color: #fff;
    white-space: nowrap;
    font-size: 11px;
    font-size: 0.786rem;
    line-height: 25px;
    max-width: 116px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .c-navi-new-list__a--promotion {
    max-width: unset;
    background-color: #4f4f4f;
  }
  
  .c-navi-new-list__promotion-item--big .c-navi-new-list__a:before,
  .c-navi-new-list__promotion-item--small .c-navi-new-list__a:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    content: "";
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 2px;
    background-color: #ef5661;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .c-navi-new-list__promotion-item--big .c-navi-new-list__a:hover,
  .c-navi-new-list__promotion-item--small .c-navi-new-list__a:hover {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  }
  
  .c-navi-new-list__promotion-item--big .c-navi-new-list__a:hover+.c-navi-categories__overlay,
  .c-navi-new-list__promotion-item--small .c-navi-new-list__a:hover+.c-navi-categories__overlay {
    opacity: 1;
  }
  
  .c-navi-new-list__promotion-item--big .c-navi-new-list__a:hover:before,
  .c-navi-new-list__promotion-item--small .c-navi-new-list__a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  
  .c-navi-new-list__options-container {
    height: 100%;
    width: 100%;
    padding: 12px;
  }
  
  
  .c-navi-new-list__sublist {
    position: absolute;
    top: 80%;
    display: none;
    right: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    background-color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    padding: 0;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
    width: 100% !important;
  }
  
  .is-fmcg .c-navi-new-list__sublist {
    height: unset;
    padding-bottom: 65px;
    padding-left: 100px;
  }
  
  .c-navi-new-list__sublist:hover+.c-navi-new-list__a {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  }
  
  .c-navi-new-list__sublist:hover+.c-navi-new-list__a:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 2px;
    background-color: #ef5661;
  }
  
  .c-navi-new-list__options-list ul li {
    display: block;
    list-style: none;
    text-align: right;
  }
  
  .c-navi-new-list__sublist-option--title {
    direction: rtl;
    text-align: right;
    position: relative;
  }
  
  .c-navi-new-list__sublist-option--title a {
    color: var(--darkGold);
    text-decoration: none;
    font-size: 15px !important;
    font-weight: 700 !important;
    position: relative;
  }
  
  .c-navi-new-list__sublist-option--title a i {
    vertical-align: middle;
    max-height: 10px;
    font-size: 12px;
  }
  
  .c-navi-new-list__sublist-option--title a:hover {
    color: #000;
  }
  
  .c-navi-new-list__sublist-option--item {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 2.27;
    font-weight: 400;
    color: #81858b;
  }
  
  .c-navi-new-list__sublist-option--item a:hover {
    color: var(--darkGold);
  }
  
  .c-navi-new-list__sublist-option--has-icon {
    direction: rtl;
    text-align: right;
  }
  
  .c-navi-new-list__sublist-option--has-icon:hover a,
  .c-navi-new-list__sublist-option--has-icon:hover a:before {
    color: #333;
  }
  
  .c-navi-new-list__sublist-option--has-icon a {
    color: #424750;
    font-weight: 500;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.833;
    text-decoration: none;
  }
  
  .c-navi-new-list__sublist-option--has-icon a:before {
    margin-left: 8px;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 18px;
    color: #a1a3a8;
    cursor: pointer;
    vertical-align: middle;
  }
  
  .c-navi-new-list__sublist-option--has-circle {
    height: unset;
    min-height: 30px;
  }
  
  .c-navi-new-list__sublist-option--has-circle a {
    padding-right: 20px;
    white-space: normal !important;
  }
  
  .c-navi-new-list__sublist-option--has-circle a:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #a1a3a8;
    border-radius: 50%;
    display: inline-block;
    top: 11px;
    right: 8px;
    position: absolute;
  }
  
  .c-navi-new-list__sublist-option--has-circle a:hover:before {
    background-color: #ef394e;
  }
  
  .c-navi-new-list__category.c-navi-new-list__category--main i {
    color: #333333;
  }
  
  .c-navi-new-list__category-link {
    display: block;
    color: #303030;
    font-size: 14px;
  }
  
  .c-navi-new-list__category-item>li>a:hover {
    color: var(--darkGold);
  }
  
  .c-navi-new-list__category-link--plus {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .c-navi-new-list__category-link--visible-in-wide {
    display: none;
  }
  
  .c-navi-new-list__category-send-to {
    color: #81858b;
    margin-left: 4px;
  }
  
  .c-navi-new-list__inner-categories {
    background-color: #fff;
    border-left: 1px solid #f0f0f1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 20%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  
  .c-navi-new-list__sublist-top-bar {
    padding: 8px 0 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
  
  .c-navi-new-list__sublist-see-all-cats,
  .c-navi-new-list__sublist-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .c-navi-new-list__sublist-see-all-cats {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.833;
    font-weight: 700;
    color: #424750;
  }
  
  .c-navi-new-list__inner-category {
    padding: 8px;
    font-weight: 600;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 13px;
    line-height: 2;
  
  }
  
  .c-navi-new__big-display-title {
    display: none !important;
  }
  
  .c-navi-new__medium-display-title {
    display: block !important;
  }
  
  .c-navi-new__ads-holder .ad-is-active {
    display: none;
  }
  
  .c-navi-new__ads {
    width: 100%;
    display: none;
    max-width: 285px;
    min-height: 240px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .c-navi-new__ads--banners {
    width: 100%;
  }
  
  .c-navi-new__ads--banners .banner-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 214px;
    max-height: 214px;
    text-align: center;
    position: relative;
    margin-bottom: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e0e0e2;
    border-radius: 16px 16px 16px 6px;
  }
  
  .c-navi-new__ads--banners .banner-item .banner-item-ad {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  
  .c-navi-new__ads--banners .banner-item img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: contain;
  }
  
  .c-navi-new__ads--brand-holder {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .c-navi-new__ads--brand-holder h3 {
    color: #030a16;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 21px;
  }
  
  .c-navi-new__ads--brands {
    width: 100%;
    margin-top: 8px;
    max-height: 90px;
  }
  
  .c-navi-new__ads--brands,
  .c-navi-new__ads--brands .brand-item {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .c-navi-new__ads--brands .brand-item {
    width: 90px;
    padding: 10px;
    overflow: hidden;
    margin-left: 8px;
    text-align: center;
    border-radius: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e0e0e2;
  }
  
  .c-navi-new__ads--brands .brand-item img {
    width: 100%;
  }
  
  .c-dp-header-submenu {
    width: 100%;
    padding: 16px 12px 12px;
  }
  
  .c-dp-header-submenu,
  .c-dp-header-submenu__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .c-header__menu-handler {
    width: 55px;
  }
  
  .c-header__menu-handler:before {
    right: 12px;
  }
  
  .c-header__action {
    -ms-flex: 0 0 370px;
    -webkit-box-flex: 0;
    flex: 0 0 370px;
    max-width: 370px;
  }
  
  .c-header__seller {
    display: block;
  }
  
  .c-navi-categories,
  .c-navi__button {
    -ms-flex: 0 0 110px;
    -webkit-box-flex: 0;
    flex: 0 0 110px;
    max-width: 110px;
  }
  
  .c-navi-list {
    -ms-flex: 0 0 calc(100% - 525px) 370px;
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 525px) 370px;
    max-width: calc(100% - 525px) 370px;
  }
  
  .c-main-menu:before,
  .c-main-menu__root {
    width: 110px;
  }
  
  .c-subcategory-collage__col {
    -ms-flex: 0 0 29.7%;
    -webkit-box-flex: 0;
    flex: 0 0 29.7%;
    max-width: 29.7%;
  }
  
  .c-subcategory-collage__col--main {
    -ms-flex: 0 0 70.3%;
    -webkit-box-flex: 0;
    flex: 0 0 70.3%;
    max-width: 70.3%;
    margin-bottom: 0;
  }
  
  .c-subcategory-collage__col .c-subcategory-collage__cover {
    width: auto;
    float: none;
  }
  
  .c-subcategory-collage__col .c-subcategory-collage__cover+.c-subcategory-collage__cover {
    margin-left: 0;
    margin-top: 20px;
  }
  
  .c-subcategory-collage__cover {
    height: 144px;
  }
  
  .c-category-collage__col {
    -ms-flex: 0 0 22.7%;
    -webkit-box-flex: 0;
    flex: 0 0 22.7%;
    max-width: 22.7%;
  }
  
  .c-category-collage__col--main {
    -ms-flex: 0 0 54.6%;
    -webkit-box-flex: 0;
    flex: 0 0 54.6%;
    max-width: 54.6%;
  }
  
  .c-category-collage__col:nth-child(n + 3) {
    display: block;
  }
  
  .c-category-card__header {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
  }
  
  .c-category-card__list {
    padding-top: 23px;
  }
  
  .c-category-card__list li {
    padding-right: 69px;
    margin: 12px 0;
  }
  
  .c-category-card__list li:last-child {
    margin-bottom: 28px;
  }
  
  .c-category-card__list li:before {
    right: 33px;
    width: 10px;
    height: 10px;
    border-radius: 8px;
  }
  
  .c-category-card__footer {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
  }
  
  .c-navi-new-list__a {
    max-width: 140px;
    max-width: unset;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.833;
    padding: 10px 20px 9px;
  }
  
  .c-navi-new-list__options-container {
    overflow: hidden;
    padding-left: 10px;
  }
  
  .c-navi-new-list__sublist-adplacement {
    width: 350px;
  }
  
  .c-navi-new-list__category-link--visible-in-wide {
    display: block;
  }
  
  .c-navi-new-list__inner-categories {
    max-width: 230px;
  }
  
  .c-navi-new__big-display-title {
    display: block !important;
  }
  
  .c-navi-new__medium-display-title {
    display: none !important;
  }
  
  .c-navi-new__ads.js-categories-ad.ad-is-active {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  
  .img-main-category {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    position: relative;
  }
  
  .img-main-category img {
    width: 25px !important;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
  .header-section {
    position: relative;
    z-index: 98999;
    width: 100%;
    display: block;
    min-height: 45px;
    background: var(--main-color) !important;
  }
  
  .img-main-category {
    width: 30px;
    height: 30px;
    margin-left: 10px;
  }
  
  .c-navi-new__big-display-title {
    font-size: 13px;
    line-height: 2.27;
    font-weight: 500;
    color: #000;
  }
  
  .home i {
    font-size: 20px;
    vertical-align: middle;
    margin-top: 6px;
  }
  
  .js-categories-bar-item.js-mega-menu-main-item.c-navi-new-list__category-container-main.all-category {
    background: var(--main1-color) !important;
    padding: 0 20px !important;
  }
  
  .js-categories-bar-item.js-mega-menu-main-item.c-navi-new-list__category-container-main.all-category .c-navi-new-list__category {
    color: var(--main-color) !important;
    cursor: pointer;
    font-weight: 700 !important;
  }
  
  .c-navi-new-list__category.c-navi-new-list__category--main i {
    font-size: 20px;
    vertical-align: middle;
  }
  
  .js-navi-overlay-search {
    position: fixed;
    right: 0;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    content: "";
    background: rgba(74, 74, 74, 0.85);
    opacity: 0;
    z-index: 99999;
    -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    pointer-events: none;
  }
  
  .js-navi-overlay-search.is-active {
    opacity: 1;
    pointer-events: all !important;
  }
  
  .js-navi-overlay-search.is-active.no-active {
    display: none;
  }
  
  li.has-sub li,
  .has-sub ul li {
    list-style: none;
  }
  
  .has-sub ul {
  
    position: absolute;
    left: -9999px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 14px !important;
    padding: 10px 0 5px 0;
    background: #fff;
  }
  
  li.has-sub ul li a:hover {
    color: #fff;
    background-color: var(--darkGold);
  }
  
  li.has-sub:hover>ul {
    left: auto;
  }
  
  li.has-sub:hover>ul>li {
    height: 45px;
  }
  
  li.has-sub ul li {
    height: 0;
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
    list-style: none;
  }
  
  li.has-sub ul li a {
    padding: 0 15px;
    width: 200px;
    font-size: 13px;
    text-decoration: none;
    color: #333;
    font-weight: 400;
    line-height: 2.7;
    box-shadow: 0px 0px 4px #9f9f9f;
    margin: 0 10px 10px 10px;
    border-radius: 9px;
    text-align: right;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  li.has-sub li.has-sub>a::before {
    position: absolute;
    top: 13px;
    left: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ccc;
    content: "";
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  
  li.has-sub li.has-sub>a::after {
    position: absolute;
    top: 16px;
    left: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ccc;
    content: "";
  }
  
  li.has-sub ul ul {
    margin-right: 100%;
    top: 0;
    z-index: 2;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  }
  
  .has-sub i {
    font-size: 7px;
    vertical-align: middle;
  }
  
  .c-navi-new-list__category-item>li {
    text-align: center;
    margin-left: 30px;
  }
  
  .has-sub>a {
    padding: 0;
    display: block;
    color: #303030;
    font-size: 13px;
  }
  
  .c-navi-new-list__category-item>li i {
    font-size: 7px;
    vertical-align: middle;
  }
  
  .img-category {
    width: 40px;
    height: 50px;
    vertical-align: middle;
    display: inline-block;
  }
  
  .img-category img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  
  .support a {
    direction: ltr;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 1px;
    color: #717275;
    font-weight: 600;
  }
  
  .support a .color {
    color: var(--darkGold);
  }
  
  .header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    left: 0;
    margin: auto;
    box-shadow: 0px 0px 8px #6f6e6e;
  }
  
  @media screen and (min-width: 768px) {
    .title-section-brand {
      font-size: 22px;
    }
  
    .owl-slider .owl-item,
    .owl-slider,
    .owl-slider .owl-stage,
    .owl-slider .owl-stage-outer {
      height: 100% !important;
    }
  
    .owl-slider .owl-item img {
      height: 100%;
    }
  
    .slider .banner .item.img-pro-banner::after {
      padding-bottom: 55%;
      content: '';
      display: block;
    }
  
    .slider .banner .item.img-pro-banner {
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
    }
  
    .slider .banner .item.img-pro-banner img {
      display: block;
      height: 100%;
      left: 50%;
      min-width: 100%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: auto;
    }
  }
  
  .chat {
    position: fixed;
    z-index: 1;
  }
  
  @media screen and (min-width: 768px) {
    .title-section-brand {
      font-size: 20px;
    }
  
    .chat {
      left: 5px;
      bottom: 10px;
    }
  }
  
  .chat li {
    display: block;
    list-style: none;
  }
  
  @media screen and (max-width: 767.99px) {
    .owl-news .img-special {
      height: 180px;
    }
  
    .chat {
      left: 20px;
      bottom: 20px;
    }
  }
  
  .p-0.list-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 400px;
    padding-right: 0 !important;
    overflow-y: auto;
    direction: rtl;
  }
  
  .p-0.list-menu li {
    direction: rtl;
    text-align: right;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    width: 25%;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    max-width: 100%;
    list-style: none;
    vertical-align: middle;
    padding-right: 5px;
  }
  
  .menu-top li {
    display: inline-block;
    margin-right: 15px;
    list-style: none;
  }
  
  .menu-top li a {
    color: var(--primaryColor);
    font-size: 13px;
    font-weight: 600;
    transition: .3s;
  }
  
  .menu-top li a:hover {
    color: var(--darkGold);
  }
  
  .row-header {
    background-color: var(--darkColor2);
  }
  
  /* .menu-top {
    margin-right: 80px;
  } */
  .js-categories-bar-item.js-mega-menu-main-item.c-navi-new-list__category-container-main {
    /* background-color: #efefef; */
    border-radius: 25px;
    /* padding-left: 15px; */
    color: var(--primaryColor);
    padding-right: 15px;
    cursor: pointer;
    font-weight: 700;
    position: relative;
  }
  
  .category-list li {
    display: inline-block;
    margin: 0 0.5%;
    background-color: var(--darkColor2);
    /* border-radius: 25px; */
    margin-bottom: 20px;
  }
  
  .logo-category-image {
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .logo-category-image img {
    object-fit: contain;
    max-width: 100% !important;
    max-height: 100% !important;
  }
  
  .layer-category {
    color: #fff;
    font-weight: 500;
    min-height: 50px;
    font-size: 14px;
  }
  
  .more-news {
    color: #d90022;
    border-radius: 25px;
    display: inline-block;
    padding: 0 15px;
    border: 1px solid #d90022;
    transition: all 0.2s linear;
  }
  
  .more-news:hover {
    color: #fff;
    background-color: #d90022;
  }
  
  .footer {
    position: relative;
    min-height: 300px;
    background-color: #38597c;
  }
  
  .footer .container {
    position: relative;
    z-index: 1;
  }
  
  .p-0.list-menu::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 4px;
    border-radius: 15px;
  }
  
  .p-0.list-menu::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb {
    background-color: #38597c;
  }
  
  .p-0.list-menu::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track {
    background-color: #ccc;
  }
  
  .small-title {
    font-size: 13px;
    font-weight: 100;
  }
  
  .main-categori-section {
    /* background-color: var(--darkColor1); */
  }
  
  .product-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: .3s linear !important;
    position: absolute;
    left: -100px;
    top: 0;
    bottom: 0;
    z-index: 9999;
    gap: .5rem;
  }
  
  .item-pro:hover .product-icons {
    left: 15px;
  }
  
  
  .banner-over-text {
    right: 15px;
    bottom: 15px;
    font-size: 16px;
  }
  
  .banner-img-container {
    overflow: hidden;
  }
  
  .banner-img-container img {
    transition: .3s linear;
  }
  
  .banner-img-container:hover img {
    transform: scale(1.1);
  }
  
  .categori-section {
    position: relative !important;
  }
  
  .link-footer-featured li a {
    position: relative;
  }
  
  .link-footer-featured li a:after {
    content: '';
    position: absolute;
    right: -8px;
    top: 8px;
    bottom: 0px;
    background-color: #fff;
    width: 4px;
    height: 4px;
    border-radius: 50%;
  }
  
  .tooltip {
    font-family: inherit;
  }
  
  .goldenColor {
    color: #ffbf00;
  }
  
  .owl-pro .owl-dots {
    width: fit-content;
    margin: auto;
    position: relative;
    bottom: -35px;
  }
  
  /* .owl-pro .owl-item:after {
    content: '';
    position: absolute;
    right: -5px;
    top: -6px;
    background-color: var(--darkGold);
    width: 12px;
    height: 16px;
    z-index: 999;
  } */
  
  @media(min-width:969px) {
    .c-navi-new-list__sublist {
      min-width: 668px;
      top: 100%;
      border-radius: 15px;
    }
  }
  
  @media(min-width:1200px) {
    .c-navi-new-list__sublist {
      min-width: 968px;
      top: 100%;
      border-radius: 15px;
    }
  }
  
  @media (max-width:800px) {
    .sec1 {
      text-align: right;
      font-size: 10px;
    }
  
    .category-list li {
      margin-bottom: 6px;
    }
  
    .category-list {
      text-align: center;
    }
  }
  
  #btt {
    display: inline-block;
    background-color: #f37021;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    font-weight: light;
    border-radius: 100%;
  }
  
  #btt::after {
    content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
  }
  
  #btt:hover {
    cursor: pointer;
    background-color: #333;
  }
  
  #btt:active {
    background-color: #555;
  }
  
  #btt.show {
    opacity: 1;
    visibility: visible;
  }
  
  .search {
    cursor: pointer;
  }
  
  .box-search.SearchOpen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  .box-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    transition: all 800ms ease;
    z-index: 99998;
    background: #fff;
  }
  
  .search-inner {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    max-width: 1280px;
    margin: auto;
    width: 100%;
    padding: 0 40px;
  }
  
  .frm {
    text-align: center;
    position: absolute;
    height: 6.75em;
    left: 0;
    right: 0;
    top: 50%;
    margin: -3.375em 20% 0;
  }
  
  .input-search {
    outline: none;
    font: inherit;
    line-height: inherit;
    line-height: 1;
    width: 100%;
    display: block;
    background: transparent;
    color: inherit;
    -webkit-appearance: none;
    height: 2.25em;
    border-bottom: 1px solid #999;
  }
  
  .btn-serch.icon-theme {
    width: 25px;
    height: 27px;
    border: 0 !important;
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    border-radius: 0;
    cursor: pointer;
    -webkit-box-shadow: none !important;
    background-color: transparent !important;
  }
  
  .btSearchInnerClose.icon-theme,
  .btvideoClose.icon-theme {
    width: 37px;
    height: 41px;
    display: block;
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer;
  }
  
  /* new style added */
  .color-primary {
    color: #38597c;
  }
  
  .position-realtive {
    position: relative;
  }
  
  .fw-normal {
    font-weight: 600 !important;
  }
  
  .mito-badge {
    position: absolute;
    left: 25px;
    top: 25px;
    opacity: 50%;
  }
  
  .cat-title-xo {
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: 40%;
    color: #ffff;
    font-size: 15px;
    font-weight: 600;
    text-align: right;
  }
  
  .btn-outline-primary {
    border-color: var(--primaryColor);
    color: var(--primaryColor);
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    width: fit-content;
    gap: 5px;
    border-radius: 8px;
    font-weight: 600;
  }
  
  .banner-section {
    background-color: #f7f5f2;
  }
  
  .play-icon {
    color: var(--primaryColor);
    transform: scaleX(-1);
  }
  
  .opt-box {
    border: 1px solid #cccccca1;
    padding: 35px 0;
    width: 190px;
    margin: auto;
    height: 190px;
    justify-content: space-evenly !important;
  }
  
  .item-blog {
    background-color: #f7f5f2 !important;
  }
  
  .footer-set-title {
    position: relative;
    border-bottom: 2px solid #f37221a8;
    width: fit-content;
    padding-bottom: 2px;
  }
  
  .search-bar {
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
  }
  
  .search-bar input::placeholder {
    font-size: 12px;
    opacity: 50%;
  }
  
  .btn.btn-outline-primary:hover {
    background-color: #38597c !important;
    border-color: #38597c !important;
  }
  
  @media(min-width:768px) {
    .header-fix {
      transform: translateY(-100px);
    }
  .cat-desc{
      padding:0px 25px;
  }
  }
  
  @media(max-width:768px) {
    .opt-box {
      border: none;
    }
  
    .footer-set-title {
      width: 100%;
    }
    .fs-5 {
      font-size: 1.1rem!important;
  }
  }
  .card-cat img{
      max-height: 225px;
      padding: 25px;
      object-fit: contain;
  }
  .card-cat{
      transition:.3s ease;
  }
  .card-cat:hover{
      margin-top:-8px;
  }
  .border-primary {
      border-color: #38597c8f !important;
      border-radius: 8px;
      border-width: 2px !important;
  }
 .zoomContainer {
    z-index: 9999 !important;
    
}
.zoomWindow{
    top:0;
    left:-420px;
}
#sync1 .owl-prev{
    left:-30px;
}
#sync1 .owl-next{
    right:-30px;
}