/* @font-face {
    font-family: vazir-01;
    font-weight: 200;
    font-style: normal;
    src: url('../fonts/Vazir-FD.eot');
    src: url('../fonts/Vazir-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/Vazir-FD.woff') format('woff2'), url('../fonts/Vazir-FD.woff') format('woff'), url('../fonts/Vazir-FD.ttf') format('truetype');
} */

.store_container * { line-height: 2.1;font-size:.98rem;color: #373b3e }
h1{font-size: 2rem}
h2{font-size: 1.5rem}
a{text-decoration: none;color: #373b3e}
small{font-size: 12px;}
hr{border-color: #dddddd}
.w-35{width: 35%}
.w-62{width: 62%}
.w-60{width: 60%}
.w-22{width: 22%}
.w-78{width: 78%}
input::placeholder,textarea::placeholder{color: #BBBBBB !important;}
.form-control {
    padding: .75rem 1.5rem;
    font-size: .9rem;
}
.form-check-input:checked {
    background-color: #00c853;
    border-color: #00c853;
}
.font-bold{font-weight: bold}
.border-dot{border: 2px dotted #cccccc}
.border-dot-right{border-right: 2px dotted #cccccc}
.text-success{color: #00c853 !important;}
.text-light{color: #BBBBBB !important;}
.text-justify{text-align: justify}
.btn-primary{background: #2354bd;border-color:#2354bd }
.btn-success{background-color:#47be79;border: #47be79;border-radius: 10px;padding: 12px; }
.bg-danger{background-color: #eb2021 !important;}
.bg-light-success{background-color: #edf5e6 !important;  color: #679b3a;}
.bg-light-warning{background-color: #fff9eb}
.btn-site-grad{
    background: rgb(64,45,127);
    background: linear-gradient(52deg, rgba(64,45,127,1) 0%, rgba(173,14,104,1) 100%);
    padding:10px 45px;border-radius:30px
}
.btn-danger{background: #eb2021;border-color:#eb2021 }
.btn-light-danger{background-color: #fef3f1;color: #fc755c}
.btn-close-modal{top:-15px;right: -15px}
.modal-content{border-radius: 35px 0 35px 35px}

.rounded-c{border-radius: 25px !important;}
.text-site{color:#263a96 !important;}
.text-bg-primary,.bg-primary{background:#263a96 !important;}
.border-bottom,.border-top{border-color: #f1eded !important;}
ul li{list-style: none}
.badge{font-size: 1rem;font-weight: 200}
.btn-dark-blue{background-color: #2d365d !important;color: #ffffff !important;padding: 5px;border: 0}
.btn-pink{background-color: #ffe1e9 ;color: #b35972;border-radius: 10px}
.btn-light-success,.header .btn-buy{background-color: #edf5e6;border-radius: 20px;color: #7cc14c;}
.header .btn-buy:focus{background-color: #47be79;color:#ffffff }
.header .btn-buy .btn-basket{border-radius: 20px;background-color: #47be79;color:#47be79 }
.header .form-search .input-group .form-control{border-radius: 20px !important;width: 100%;padding: 9px}
.header .form-search .input-group .form-control::placeholder{color: #c8ced3}
.header .form-search .btn-search{z-index: 10;background-color: #f5f3fc;border-radius: 20px !important;margin:3px}
.header .form-search .el-input__inner {height: 40px !important;}

.navbar-expand-lg .navbar-nav .nav-link{padding:14px 15px;}
.navbar .dropdown-menu .nav-link{  color: #3e3d3f;  }
.navbar .dropdown-menu .nav-link:hover .icon{
    /*filter:grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);*/
    filter:sepia(100%) hue-rotate(-180deg) saturate(700%) ;
}
.navbar-expand-lg .navbar-nav .nav-link{border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;}
.navbar-expand-lg .navbar-nav .nav-link:hover{border-bottom: 2px solid #ec2021;color: #ec2021}
.navbar-expand-lg .nav-pills .nav-link{padding-left: 40px;text-align: right;width: 200px;}
.navbar-expand-lg .nav-pills .nav-link img{width: 25px}
.navbar-expand-lg .nav-pills .nav-link.active,.navbar-expand-lg .nav-pills .nav-link:hover{border:0;background-color: #f8f9fb;color: #184cde;border-radius: 0 }

.circle{width: 8px;height: 8px;background-color: #e6ebef}
.dropdown-buy,.dropdown-user {width: 440px;border-radius: 15px;border:1px solid #47be79;padding: 10px;
    box-shadow: 0 .5rem 1rem rgba(71,190,121,.3) !important;  }
.dropdown-buy:before{
    content: "";
    background: url("../img/icon/icon-2.png") no-repeat ;
    background-size: 100%;
    width: 36px;height:20px;position: absolute;
    top: -15px;
    left: 60px;
}
.dropdown-buy .box{border-radius: 10px;background-color:#f1f1f1}
.dropdown-buy .box .img-card{padding-top: 10px;padding-bottom: 10px;}
.dropdown-buy .box .img-card img{border-radius: 10px ;}
.dropdown-buy .price{font-size: 17px;font-weight: bold}
.dropdown-user{width: 300px}
.dropdown-user .icon{opacity: .2;filter:brightness(0) invert(0);transition: .5s}
.dropdown-user:before{content: "";background: url("../img/icon/icon-3.png") no-repeat ;
    background-size: 100%;
    width: 36px;height:20px;}
.dropdown-user .box:hover{color:#184cde }
.dropdown-user .box:hover .icon{filter:none;opacity: 1}
hr.hr-dotted{border-top: 2px dotted}
.btn-social{width: 40px;height: 40px;background: #333;font-size:20px;display: flex;align-items: center;justify-content: center}
label .fa-circle{font-size: 6px; color: #dddddd}
@media(min-width: 992px) {
    .navbar .dropdown {position:static;}
    .navbar .dropdown-menu {background-color: #fff;
        width:1300px;
        left:0;
        top: 80px;
        right:-210px;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all;
        border-radius: 20px;
        box-shadow: 0 .08rem .25rem rgba(0,0,0,.2);
    }
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {  visibility: visible;  opacity: 1;  top: 100%;  }
    .share-modal .modal-dialog.modal-lg{width: 650px}
}
.sliders{margin-top:220px}
.sliders .carousel img,.sliders .carousel{border-radius: 30px}
.sliders .carousel-indicators [data-bs-target]{width: 10px;height: 10px;border-radius: 10px !important;box-sizing: inherit;
    background-clip: border-box;border: 0;transition: .5s}
.sliders .carousel-indicators .active{width: 26px}
.sliders .carousel-indicators {margin-bottom: 3rem}
.back-dotes-box:before{content: "";background: url("../img/dotes-box.jpg") no-repeat;
    width: 120px;height: 154px;position: absolute;  left: -18px;  bottom: -5px; z-index: -1;  }
.category .owl-carousel .owl-nav button.owl-next,.category .owl-carousel .owl-nav button.owl-prev{bottom:55%;}
 .owl-carousel .owl-nav button.owl-prev{position: absolute;right: -40px;background: none !important;}
 .owl-carousel .owl-nav button.owl-next{position: absolute;left: -40px;background: none !important;}
.category .item .icon-box{background: #ffffff;transition: .5s;width: 90px;  padding: 21px;}
.category .item:hover .icon-box,.category .item .active .icon-box{background: #2355bb;border-color: #2355bb !important;}
.category .item:hover .icon-box .icon,.category .item .active .icon-box .icon{filter:brightness(0) invert(1);}
.category .item .rectangel{width: 10px;opacity: 0;transition: .5s}
.category .item .border-top{border-top:2px solid #eeeeee !important;transition: .5s}
.category .item .active,.category .item:hover{color: #2355bb}
.category .item:hover .border-top,.category .item .active .border-top{border-top:2px solid #2355bb !important; }
.category .item:hover .rectangel,.category .item .active .rectangel{opacity: 1}
.category .item .title{font-size: 1rem}
.category .tab-content .carousel-control-next,.category .tab-content .carousel-control-prev{width: 5%}
.category .tab-content a{color: rgb(108,117,125)}
.category .tab-content .title-cat{font-size: 1.2rem}

.owl-theme.owl-3 .owl-nav{  position: absolute;  right: -275px;  bottom: 22px;  }
.owl-carousel.owl-3 .owl-nav button.owl-prev,.owl-carousel.owl-3 .owl-nav button.owl-next{position: static}

.product-p .card h3{font-size: 16px;line-height: 1.8}
.product-p .card .star-icon{width: 20px}
.product-p .layer{background: rgba(45,54,93,.85);height: 60%;opacity: 0;transition: .5s}
.product-p .card:hover .layer{opacity: 1}
.product-p .owl-carousel .owl-nav button.owl-next,
.product-p .owl-carousel .owl-nav button.owl-prev{bottom:45%;}

.brands .owl-carousel .owl-nav button.owl-next,
.brands .owl-carousel .owl-nav button.owl-prev{bottom:30%;}
.brands h2{font-size: 1.3rem}
/* .brands img{filter:brightness(0) invert(0);} */
/*.brands img:hover{  filter:sepia(100%) hue-rotate(180deg) saturate(700%) contrast(1);  }*/
.brands img:hover{filter:none}
.articles{  background: #2355bb;  }
.articles .style-hr-title {width: 40px;border-top: 2px solid #ffffff;opacity: .5}
.articles .card{margin: 5px}
.articles .card .time-icon{width: 20px}
.articles .card img{border-radius: 28px}
.articles .card .title{font-size: 1.3rem}
.articles .owl-carousel .owl-nav button.owl-next,
.articles .owl-carousel .owl-nav button.owl-prev{bottom:65%;}
.articles .card .date{border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2)}
.articles .btn-light{border-radius: 30px;background: #ffffff}
.articles .label-score{padding: 2px 10px;margin: 20px}
.articles .label-score .star-icon{width: 25px;}
.service{  background: #fafafd;  }
footer{background: url("../img/footer.jpg") no-repeat;  background-size: 100% 100%;  color: #ffffff;line-height: 2.2;  }
footer .logo-footer{width: 35%}
footer .title{font-size: 1.1rem}
footer i.fab{font-size: 20px;color: #ffffff !important;}
footer .form-newsletters{background: #ffffff;border-radius: 30px;font-size: 12px}
footer .form-newsletters .form-control{font-size: 12px;box-shadow: 0 !important;}
footer .form-newsletters .btn-submit{background-color: #f8e8db;font-size: 12px;  color: #94531b;  border: none;border-radius: 30px}
footer .phone2{padding-right: 38px}
.go-up-icon{  width: 55px;  height: 55px;
    border-radius: 100%;
    margin-right: auto;
    margin-left: auto;
    background-image: url('../img/up.png');
    display: block;
    margin-top: -34px;
    background-position: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.filter-color .btn .form-check-input {background-color:transparent;border: 0;box-shadow: none !important;}
.service-pro .owl-carousel .owl-item img{width:60px}
.service-pro h6{line-height: 1.5;}
.fixed-top{transition: .5s}
.modal-quick-view .des-icon{line-height: 1.2;}
.table.table-light {
    --bs-table-bg: #f9fafe;
    --bs-table-border-color: #f5f6fa;
    --bs-table-striped-bg: #f5f6fa;}
.table div.border-end{
    border-right:2px dotted #ccc !important;padding-right:40px;  }
.chat-btn{width: 80px; bottom: 15px;left: auto;right: 15px}
.popup-box {
    background-color: #ffffff;
    bottom: 100px;
    display: none;
    right: 10px;
    width: 300px;
    z-index: 10000;
}
.popup-box-on {
    display: block !important;
}
.popup-box .popup-head{border-radius: 25px 25px 0 0}
.popup-box .popup-footer{border-radius:0 0 25px 25px}

.el-input--suffix .el-input__inner { border-radius: 30px;  border:0;}
.el-autocomplete-suggestion li {text-align: right}

[v-cloak] {
    display: none;
}

.el-message {
    direction: rtl !important;
}

.color-select {
    width: 20px;
    height: 20px;
}
button.thumbnail{background: #ffffff !important;border: 0 !important;}
@media (max-width: 1399px) {
    .navbar .dropdown-menu{ width: 1116px;right: -178px;}
}
@media (max-width: 1199px) {
    .navbar .dropdown-menu{ width: 937px;  right: -148px;}
}
@media (max-width: 1366px) {
    body,.btn,.form-control,.navbar .dropdown-menu,.navbar-expand-lg .navbar-nav .nav-link{font-size: 13px;}
    h4 {  font-size: 1rem;  }
    h2 {  font-size: 1.3rem;  }
    .header .form-search .btn-search{padding: 4px}
    .navbar-expand-lg .navbar-nav .nav-link {  padding: 12px 12px; }
    .navbar-nav .nav-link img {  width: 20px;  }
    .navbar-expand-lg .nav-pills .nav-link{width: 180px}
    .product-p .item h3 {  font-size: 14px;}
    .articles .card .title {  font-size: 1.1rem;  }
    .owl-theme.owl-3 .owl-nav {right: -245px;  bottom:20px;  }
    .category .tab-content .title-cat{font-size: 1rem}
    footer{line-height: 3}

}
@media (max-width: 1200px) {
    body,.btn,.form-control,.navbar .dropdown-menu,.navbar-expand-lg .navbar-nav .nav-link{font-size: 12px;}
    .product-p .item h3 {  font-size: 13px;}
}
@media (max-width: 1024px) {
    body{font-size: 11px}
    h2 {  font-size: 1.1rem;  }
    .navbar-expand-lg .navbar-nav .nav-link {  padding: 11px 8px;  font-size: 11px;  }
    .w-78 {  width: 74%;  }
    .w-22 {  width: 26%;  }
    .owl-theme.owl-3 .owl-nav { bottom: 22px;  }
    .category .tab-content .title-cat{font-size: .9rem}
    h4 {  font-size: 12px;  }
    footer .form-newsletters .form-control {  font-size: 10px;}
    .btn-success{padding:8px}
}
@media (max-width: 991px) {.sliders{margin-top: 150px}
    /*.form-search{z-index: -1}*/
    .chat-btn{width: 70px; bottom:58px;right: 8px}}
@media (max-width: 834px) {
    .product-p .item h3 {  font-size: 11px;  }
    h2 {  font-size: 1rem;  }
    .category .item .icon-box { padding: 15px;  }
    .category .tab-content .title-cat { font-size: .7rem;  }

}
@media (max-width: 767px) {
    body{font-size: 13px}
    .category .bg .content.position-absolute{  position: relative !important;  }
    .sliders .carousel-indicators {  margin-bottom: 1rem;  }
    .w-78 {  width: 54%;  }
    .w-22 {  width:46%;  }
    .category .item .title {  font-size: .8rem;  }
    h4 {  font-size: 16px;  }
    .product-p .item h3 {  font-size: 14px;  }
    footer{background: url("../img/footer-m.jpg") no-repeat;background-size: 100% 100%}
    .category {
        display:none;
    }
}
/* .brands .owl-item {margin-left: 0px !important; padding: 0 !important;} */
/* .brands .owl-item .item { padding: 0 !important;} */


@media (max-width: 600px) {
    .back-dotes-box:before{background: none}
    /* .brands .owl-item { width: 60.667px !important;
    margin-left: 30px !important; padding: 0 !important;} */
}
@media (max-width: 500px) {
    .sliders {  margin-top: 135px;}
    /* .brands .owl-item { width: 60.667px !important;
    margin-left: 30px !important; padding: 0 !important;} */
}
@media (max-width: 480px) {
    h1 {font-size: 1.7rem;}
    .w-78 {width: 50%;}
    .w-22 {width:50%;}
    .owl-theme.owl-3 .owl-nav {  right: -240px;  bottom: 54px;  }
    .sliders .carousel-indicators [data-bs-target] {  height: 6px;  }
    .sliders .carousel-indicators .active{width: 20px}
    .sliders .carousel img, .sliders .carousel {
        border-radius: 20px;
    }
    .owl-carousel .owl-nav button.owl-prev{right: -55px;}
    .owl-carousel .owl-nav button.owl-next{left: -55px}
    .service-pro .owl-carousel .owl-item img{width:50px}
    .service-pro h6 { font-size: .8rem;  }
    /* .brands .owl-item { width: 60.667px !important;
    margin-left: 30px !important; padding: 0 !important;} */
}
@media (max-width: 428px) {
    body{font-size: 12px}
    .owl-theme.owl-3 .owl-nav {  right: -210px;  bottom: 60px;  }
    .product-p .item h3 {  font-size: 12px;}
    h4 {  font-size: 13px;  }
    .articles .card .title {  font-size: .95rem;  }
    .category .item .icon-box {width: 70%;}
    .sliders {  margin-top: 125px;}
}
@media (max-width: 360px) {
    .category .item .title {  font-size: .75rem;  }
    .category .item .icon-box {  padding: 12px;  }
    .product-p .owl-carousel .owl-nav button.owl-next, .product-p .owl-carousel .owl-nav button.owl-prev{  margin: 0;  }
    .owl-theme.owl-3 .owl-nav {  right: -178px;  bottom: 55px;  }
}
@media (max-width: 340px) {
    .owl-theme.owl-3 .owl-nav {
        right: -168px;}
}

.mainBody,
.sidebarWrap,
.menuToggleBtn,
.sidebar ul li a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mainBody {
    position: relative;
    overflow: hidden;
    right: 0px;
}
.sidebarWrap {
    position: fixed;
    background: #1e1e1e;
    width: 270px;
    height: 100%;
    top: 0;
    overflow-x: scroll;
}
.sidebarWrapLeft {  right: -270px;  }
.menuPush {  right: 270px;  }
.sidebarWrapOpen {  right: 0;  z-index: 10000}
.userBg img {  width: 100%;  }

.sidebar ul {  list-style: none;  padding: 0;  }
.sidebar ul li a {
    display: block;
    color: #f6f6f6;
    padding: 12px 25px;
    text-decoration: none;
    font-size: 14px;
    /* border-bottom: 1px solid rgba(92, 92, 92, 0.23); */
}
.sidebar ul li {

    border-bottom: 1px solid rgba(92, 92, 92, 0.23);
}
.sidebar ul li:hover {
    color: #ffffff;
    background: #999;
}
.accordion-button img.rotate{
    -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
}
.el-pager{
    direction: ltr;
}
.carouselSingle .owl-carousel .owl-nav button.owl-prev{
    top: 50% !important;
    right: -23px !important;
}
.carouselSingle .owl-carousel .owl-nav button.owl-next{
    top: 50% !important;
    left: -23px !important;
}
#owl-carouselSingle{

}
.product_details_img{
    /* max-width: 300px;
    max-height: 300px; */
}
.select_qty_box{
    width: 160px;
}
footer{
    background: unset !important;
}
.card_divider{
    height: 20px;
}
.card_divider span{
    content: " ";
    display: inline-block;
    height: 2px;
    width: 50px;
    border-bottom: 2px solid gray;
}
.panel-sidenav li{
    padding-right: 5px;
}
.panel-sidenav li.active{
    position: relative;
    /* color: */
}
ul.pagination{
    justify-content: center;

}

.panel-sidenav li.active::after{
    content: " ";
    width: 3px;
    height: 12px;
    position: absolute;
    right: -5px;
    top: 10px;
    border-radius: 2px;
    background: rgba(0, 241, 55, 1) !important;
}
.product_card{
    /* padding: 0 !important; */
    /* height: 225px !important; */
}
.product_card .product_card_img{
    width: 330px;
    height: 330px;
}
.product_card.entry .meta{
    /* opacity: 1 !important; */
}
.product_card .client, .product_card .title{
    /* background-color: rgba(0,0,0,0.5); */
}
.rounded-border{
    border-radius: 20px;
}
