:root { --mainGreen:#36af5f; --transparentBlue:rgba(64, 172, 241,0.7); --mainWhite:#FFFFFF; --mainBlack:#292F36; --mainPink:#FFDDD9; --mainYellow:#e3b505; }
.bg-maingreen { background-color: var(--mainGreen); }
.bg-mainpink { background-color: #FFDDD9; }
@font-face { font-family: YekanBakh-Regular; src: url("../Font/YekanBakh-Regular.eot"), url("../Font/YekanBakh-Regular.ttf"), url("../Font/YekanBakh-Regular.woff"); }
@font-face { font-family: Iransans; src: url("../IRANSansWeb_Medium.eot"), url("./IRANSansWeb_Medium.ttf"), url("./IRANSansWeb_Medium.woff"); }
body {  font-family: YekanBakh-Regular; font-size:10pt; font-weight:bold; color:#555 }
.num { font-family: Iransans !important; color: #f54545 !important }
* { padding: 0; margin: 0; box-sizing: border-box; }
a { text-decoration: none !important; }
.custom-rounded { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
    .custom-rounded .fa-plus { padding-left:5px; }
.select-rounded {border:1px solid #eee !important; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; max-width:100px; }
.row-flex { display: flex; align-items: center; justify-content: center; }
/* header */

header { padding: 1.5%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); }
    header nav { text-align:right; }
header nav a { color: #222 !important; text-align: right; font-size: 0.95rem; padding:10px; }
header img { max-height:30px; text-align:left; }
/*.header*/
.logo{ max-height:62px; margin:auto;  }
.headtxt { font-size:12pt;  line-height:29px; text-align:justify !important; padding:0px 3%; direction:rtl }
.headerimg { max-height: 250px; }
.list-item { color: #777; font-weight: bold; font-size: 1.2rem; /*border-bottom: 3px solid #ef384c;*/ }
    .list-item:hover { color:#ef384c }
.nav-link:hover { color: #3BB83B; }
.header-title { color: #666; font-weight: bold; }
.icon-title { color: #666; font-weight: bold; }
.header-icon { color: white; font-size: 2.5rem; }
.shadow-icon { filter: drop-shadow(2px 7px 2px rgb(0 0 0 / 0.4)); -webkit-filter: drop-shadow(2px 7px 2px rgb(0 0 0 / 0.4)); }
.btn-danger { font-family: YekanBakh-Regular !important; }
/* main */
/* --->.Products */

.product-card { background-color: #F3F3F3; /*position: relative;*/ /*min-height: 10rem;*/ margin-bottom: 20px; }
.product-card-body { /*position: absolute; right: 0; left: 0; top: 2.2rem;*/ /*bottom:15px;*/ }
    .product-card-body img { max-height:65px; padding-top:18px;}

    .product-card .fa.fa-plus-circle { color: #093; font-size: 2.2rem; }
    .product-card .fa.fa-trash-o { color: #888; font-size: 1.8rem; }
    .min-product-card { min-height: 4rem !important; border-bottom: 1px solid #ccc; padding: 10px; }

.Products-box-title { border-left: 2px solid #fff; display: inline-block }
.Products-box-title h2 {  font-size: 1.2rem !important; padding-top:10px; color:#000 !important /*border-radius: 20px 20px 0 0; padding:10px; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; min-width:230px; font-size: 1.1rem; display: inline-block; background-color: #73777a; color: white;*/ }
.close-icon { font-size: 2rem; position:absolute; left:0px; top:20px }
.product-text {  font-size: 1rem; direction:rtl; text-align:center }
/* serice */
.serice-header { color: #444444; }
.service-card { /*position: relative;*/ /*height: 9rem;*/ }
.game-card { /*height: 13rem;*/ }
    .game-card img { max-height:80px; padding-top:18px;}

.service-body { background-color: #F3F3F3 !important; /*position: absolute; top: 2rem; right: 0; left: 0;*/ margin-bottom:15px; /*border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px;*/ }
.service-title { border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; padding: 10px; min-width:230px; font-size: 1.1rem; display: inline-block; background-color: #337ab7; color: white;  }

.service-price { color: #093; font-size: 1.1rem; }
.service-des { /*color: rgb(36, 36, 36);*/ text-align: center; font-size: 1.1rem; }

.switch { position: relative; display: inline-block; width: 3.8rem; height: 34px; }

    .switch input { opacity: 0; width: 0; height: 0; }

.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }

    .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }

input:checked + .slider { background-color: #00BA41; }



    input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
.slider.round { border-radius: 34px; }

    .slider.round:before { border-radius: 50%; }

/* .results */

.results-box { background-color: #eee;  margin: 0 auto; padding:20px; border-radius:10px; ms-border-radius:20px; webkit-border-radius:20px; border: 1px solid #eee;}
.total-results {  font-size: 1.3rem;padding-bottom:15px; padding-left:7px;  color:#444 !important }

.btn-total-box .btn { max-width: 400px; padding: 5px 20px 0px 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.total-btn { display: inline-block; font-size: 1.2rem; background-color: var(--mainGreen);  color: #FFFFFF; margin:auto; width:48%!important; margin-left:1%; /*height:60px; */}
.total-btn:hover{color:#fff}
.prev-btn { display: inline-block; font-size: 1.2rem; color: #FFFFFF; margin:auto; width:48%!important; margin-right:1%; }

/* footer */
footer { background-color: #333; }
.footer-icon { font-size: 1.5rem; background-color: #6d767d; border-radius: 50%; color: #ccc; display: inline-block; }
    .footer-icon:hover { background-color: #00BA41; color: #ffffff; }
        .footer-icon:hover i { color: #ffffff; }
.footer-text { font-size: .8rem; color: white; }
.list-parent { display: flex; justify-content: space-evenly; }
.footer-list { list-style: none; }
.footer-list-title { font-size: 1rem; }
.footer-link { font-size: .7rem; }
.footer-list-title, .footer-link { color: #ddd !important; }
    .footer-link:hover { color: #00BA41 !important; }
.footer-end { width: 100%; background-color: #222; }
.footer-end-text { font-size: .9rem; color: #ffffff; }

.dbg { background-color:#ddd; /*min-height:100vh;*/}

.ltr { direction:ltr !important }


.product-well, .view { text-align: center; width: 100%; margin-bottom: 10px; }
.p-discount { text-decoration: line-through; color: #777; font-size: 11pt; }
.product-well { background-color: #fff; border: 1px solid #d0d4ea; border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); }
    .product-well .p-title2 { font-size: 10pt; padding: 5px 10px; color: #666; min-height: 90px; direction: rtl; }
    .product-well .p-price { font-size: 11pt; direction: rtl; padding: 10px 2px; background-color: #47b54b; border-top: 1px solid #e3e3e3; color: #fff; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -ms-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -ms-border-bottom-right-radius: 10px; }
    .product-well .p-discount { text-decoration: line-through; color: #eee; font-size: 8pt; }

.divHeader > div { position: relative; align-items: center; -webkit-box-align: center !important; -ms-flex-align: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; text-align: center; }

@media (max-width: 576px) {
    .list-item { font-size: 1rem; }
    main { margin-bottom:100px; }
    header img { padding:6px 0px; }
    header nav { padding:6px 0px; }
    header nav a { font-size: 0.79rem; padding:4px; }
}

@media (max-width: 992px) {
    /*.service-card { min-height: 11rem; }
    .product-card { min-height: 12rem;}*/
    .results {bottom:0; right:0; left:0;   }
    .results-box { border-radius:0px !important}
    .dbg { padding-bottom:120px }
}

@media (max-width: 768px) {
    /*.service-card { min-height: 15rem; }
    .product-card { min-height: 15rem; margin-bottom: 40px; }*/
    .dbg { padding-bottom: unset; }
    .results { position: fixed; bottom: 0px; z-index: 1000; }
    .divHeader { position: static; }

    .results-box { padding: 10px 0px !important; }
    .total-results { font-size: 1.1rem; padding-top: 7px; padding-bottom: 7px; padding-left:7px; }
    .btn-total-box .btn { padding: 3px 20px; }
    .total-btn { font-size: 1.1rem; }
    .prev-btn { font-size: 1.1rem; }
}

@media (min-width: 768px) {
    .product-cart-btn { margin-top: .5rem !important; }
    .product-text { padding-top: 3%; }
    .results { max-width: 300px; margin: 6px auto; }
    .divHeader { position:fixed; /* height:100vh;*/ top:25%}
}


#ProductsModal { padding:20px !important }
.AsblModal { width: 100% !important; margin: 0px !important; height: 100% !important;}
    .AsblModal .close { font-size: 35pt; color: #999 !important; opacity: .9; font-weight: normal !important; position: absolute; left: -5px; top: 5px; }
    .AsblModal .modal-header { border-bottom: 0; padding: 0; }
    .AsblModal .modal-content { width: 100% !important; height: 100% !important; background-color: rgba(255,255,255,.9) !important; overflow-y:scroll; overflow-x:hidden}
    .AsblModal .modal-body { width: 100% !important; height: 100% !important; margin-top: 25px !important; }
.SelectBtn { margin-bottom:20px }

.title {height:70px;}
.price {  font-size:14pt; }
.discount { color:#888; height:40px; font-size:10pt; text-decoration: line-through; }
.productKind{height:36px; margin-bottom:5px;}
.productKind select  {width:90%; height:36px; border: 1px solid #888 !important;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;}

.tab-content{ background-color:transparent !important; border:0px !important}
.nav-tabs { padding: 18px !Important; border-radius: 25px; background-color: #fff; box-shadow: 0px 3px 4px #fff; margin:0px 15px; }
 .nav-tabs li { margin: 0; text-align: right; font-size: 1.4em; display: inline-block; position: relative; cursor: pointer; padding: 20px 10px -1px 10px; text-align: right; margin-right: 30px; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .3s ease-out; }
 .nav-tabs > li > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > a.active:hover { border: 0px; color:#de1616 !important }
 .nav-tabs li a:before { content: ""; position: absolute; width: 0; height: 2px; right: 0; background: #de1616; margin-top: 35px; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
.nav-tabs li:hover a:before { width: 100%; }
.nav-tabs li:hover .sli{ color:#e8b71a}
.nav-tabs li:hover a{ background-color:transparent !important; border:0px !important }
.nav-tabs li:hover a { color:#333 }
.nav-tabs li a { color: #7b7979; font-size:15pt; }
.tab-content .tab-pane { padding:10px 0px !important }

.cs-pointer{cursor:pointer;}

.d-none{display:none;}
.d-block{display:block;}
.d-in-block{display:inline-block;}

.p-t-10{padding-top:10px;}

.btnAdd { cursor: pointer; padding: 7px 2px; border: 1px dashed #aaa; margin-top:10px; /*margin-top: 2%; margin-bottom: 2%;*/ width: 150px; height: 80px; background-color: #eee; text-align: center; }
    .btnAdd .fa { color: rgba(0,0,0,0.4) !important; font-size: 30pt; margin: auto; }
    .btnAdd .fa-plus { font-size: 12pt }
    .btnAdd p { margin:0px !important }

    .p-20 { padding: 20px !important }
.mdlAlert{max-width:500px;}
.color_yellow{color:#ffc107}
.color_red{color:red}
.color_blue{color:#106fd5}


.special-label { position: absolute; right: 1.5rem; top: 0.5rem; max-width: 10rem; z-index: 1; background: #2A9CF5; padding: 0.2rem 0.8rem; color: #fff; border-radius: 3px; }
#productList .col-lg-2 { padding:3px !important }