@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}
body { font-family: IRANSans; color:#414f62; font-size: 10pt; overflow-x: hidden }
a { color: #717373; }
a:hover { text-decoration: none; color: blue;  }
.form-control { border-radius: 7px; border:solid 1px #e1e3e9; box-shadow: none; padding: 12px; height: 45px; }
.btn { border-radius: 0; padding: 10px 30px; }
.btn:focus { outline-color:#01d1b2; color: white  }
.panel { border-color: rgb(238,238,238); border-radius: 5px }
.cancel { background: white; border: solid 1px #01d1b2; }
.badge { background: #009cff; position: absolute; top: 30px; left: 35px }
/* page loading */
section,footer { display: none }
header { opacity: .4; }
.loading { position: absolute; top: 38%; display: none; left: 42%;  }
.loading img { border-radius: 100px; box-shadow: 3px 2px 15px grey;  }
/*----------------------header-----------------*/
header { direction: rtl; }
.header-title { font-size: 14pt; color:grey; padding-top: 10px; margin-right: -40px }
header .icon-bar { background: #009cff; padding: 1px; margin-bottom: 10px; }
#txtHeaderSearch { border-radius: 10px; background: #f5f5f5; width: 370px;  border: none; color: #afb4c0 }
#txtHeaderSearch::placeholder {
    color: #afb4c0; font-size: 15px;
}
header button {  border: none; padding: 10px; margin: 2px; border-radius: 40px; width: 40px; }
nav .fa-angle-down { font-size: 14pt; }
#header-menu { width: 100% }
.submenu-categories { position: absolute; width: 100%; top: 52px; right: 0; z-index: 5; background: white; color:#717373;   border-radius: 5px  }
.submenu-categories ul { margin-right: -40px; list-style: none }
.submenu-categories li { padding: 10px 0; }
.submenu-categories a:hover { color: blue }
header .list-group { left: 12px; top: 30px; background: #27d8bd; border: none }
header .list-group li { padding: 5px }
header .list-group a { color: white; }
header .list-group a:hover { background: transparent;  }
.login-register { background: white; direction: rtl }
.login-register h4 { margin-top: 22px }
#frmAccount input { width: 27%; padding: 13px }
.login-register .row { margin-top: 20px }
.login-register .fa-user-o { font-size: 40pt; color: #f1f1f1; }
.wellcome-user { font-size: 12pt }
.user-menu { right: 40%; top: 50px }
.user-menu li { padding: 6px 0px }
#divSearch { position: absolute; background: white; top: 65px; width: 30%;  left: 60%;  box-shadow: 3px 2px 15px #9d9d9d; border-radius: 10px; height: 200px; z-index: 4; overflow-y: scroll }
#divSearch .row {  padding: 10px 0; }
#divSearch .row div { padding: 0; }
.bg_dark { background-color: rgba(0,0,0,.3); width: 100%; position: absolute; z-index: 3; top: 0; display: none }
.add-cart-message { position: absolute; left: 4%; width: 15%; top: 50px; display: none }
/*---------------------detail-pages-------------*/
h3 { font-weight: bold; color: #717171 }
label { font-weight: normal }
.module-style-1,.module-style-2,.module-style-3 { direction: ltr; margin: 30px 13px; }
.module-style-1 .img-fluid { border-radius: 5px;  }
.module-style-1 .media-29101 { border:solid 1px #eaeaea; border-radius: 5px }
.module-style-1 .media-29101 h3 { text-align: center; direction: rtl; font-size: medium; background: #009cff; margin: 0; padding: 10px; }
.module-style-1 .media-29101 h3 a { color: white }
.module-style-1 .owl-3 h3 {  font-size: 12px }
.module-style-2 .site-section .col-lg-12 { background: #009cff; border-radius: 10px }
.module-style-2 .module-head { margin-top: 60px; }
.module-style-2 .module-head h3 { color: white; margin-bottom: 20px }
.module-style-2 .module-head .offer-time { background: white; padding: 5px 10px; color: #009cff; border-radius: 4px }
.module-style-2 .module-head span { font-weight: bold; color: white }
.module-style-2 .media-29101 { background: white; border-radius: 5px;  }
.module-style-2 .module-body { padding: 20px 0 }
.module-style-2 .img-fluid { height: 190px }
.module-style-2 .item-price { direction: rtl; font-size: 15px; }
.module-style-2 .item-price p { color: grey; }
.module-style-2 .item-price strong { color: black; font-weight: bold }
.module-style-3 .site-section,.module-style-2 .site-section { margin-left: -30px }
.module-style-3 .site-section .col-lg-12 { border: solid 1px #D7D7D7; border-radius: 10px; padding-top: 15px; }
.module-style-3 .module-head h3 { color: grey; margin-top: 10px }
.module-style-3 .media-29101 { border-left:solid 1px #eaeaea;  }
.module-style-3 .img-fluid { height: 150px }
/* نقاط اسلایدر ها */
.owl-dots {
    text-align: center;
    margin-top: 0px;
    position: relative;
    z-index: 99;
}
.owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #ccc;
    display: block;
    border-radius: 50%;
    transition: all 0.3s;
}
.owl-dot.active span {
    width: 18px;
    border-radius: 10px;
    background: #4dc0b5;
    transform: scale(1.3);
}
/* دکمه های اسلایدرها */
.owl-nav button {
    position: relative;
    background: white !important;
    border: solid 1px #009cff;
    color: #009cff !important;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 18px !important;
    margin: 3px;
    margin-top: -50px;
}

.breadcrumb { background: white; margin-top: 12px; margin-bottom: 12px; }
.breadcrumb a { color: #9d9d9d; }
.breadcrumb a:hover { color: blue }
.sorting { margin-bottom: 10px; margin-top: 10px }
.sorting a { padding: 0 15px }
.sorting a:hover { background: #009cff; color: white; border-radius: 10px }
.listing-sidebar .fa-close { display: none }
.listing-sidebar .panel { height: auto; border: none; }
.listing-sidebar .panel div { padding: 5px 6px; }
.listing-sidebar h4 , .listing-sidebar .panel h4 { color: black; font-size: medium; margin: 4px 6px; cursor: pointer }
.listing-sidebar .form-control { background: #f1f1f1; text-align: center }
.product-item { transition: .3s; border-radius: 6px; }
.product-item:hover { margin-top: -5px; box-shadow: 3px 2px 15px #D7D7D7; }

.gallery-item { cursor: pointer; border: solid 1px #D7D7D7; padding: 5px; margin: 5px  }
.product-features li , .product-features p { padding: 7px }
.regular-price { color: #b7b4b7; text-decoration: line-through; font-size: 13pt }
.sale-price { color: black; font-size: 16pt }
.pr-price strong { color: #00a157; font-size: 16pt }
.fa-star,.fa-star-half-empty { font-size: 14pt; color: #D7D7D7; }
.active-star { color: #fedd6d; }
.fa-star-o { font-size: 14pt; color:#fedd6d  }
.divAddComment { border-left: solid 1px #eaeaea; }

.steps { list-style: none; color: #cbcbcd; font-size: 10pt; margin-top: 20px; margin-bottom: 50px; }
.steps li { float: right; text-align: center }
.steps .active { color: #01d1b2 }
.steps li hr { border: dashed 1px #cbcbcd; }
.steps span { font-size: 17pt; padding-bottom: 8px }
#tblCart { border-radius: 20px;  }
#tblCart tr {  color: #a6b0aa;  }
#tblCart th,#tblCart td { border-top: none; font-weight: normal }
#tblCart td { border: solid 1px #f0f3f9; padding-top: 45px }
#tblCart .fa-close { color: red;  font-size: 12pt }
#tblCart select { margin-top: -10px; width: 90% }
/*---------------------footer-------------*/
footer { direction: rtl; }
footer .container-fluid div div { padding: 7px 0; }
.footer2 { color: #230743 }
.footer2 a { color:#230743;  }
.footer2 ul { list-style: none; margin-right: -40px }
.footer2 ul li { padding: 12px 0 }
.footer2 .col-lg-4 .row {  margin-right: 20px  }
.download-app { background: black; color: white; padding: 10px 20px; border-radius: 5px;  }
.footer-mobile-menu { width: 100%; position: fixed; bottom: 10px; z-index: 6;  background: white; font-size: 8pt; border-top: solid 1px #D7D7D7 }
.footer-mobile-menu ul li { float: right; text-align: center; padding: 10px }
/*-----------------------Responsive-------------------*/
@media screen and (max-width: 991px) and (min-width: 971px) {
    header .input-group { margin-right: 30px }
    #txtHeaderSearch { width: 250px }
    #divSearch { margin-right:45px }
}
@media screen and (max-width: 970px) and (min-width: 768px) {
    header .input-group { margin-right: 30px }
    #txtHeaderSearch { width: 175px }
    #divSearch { margin-right:45px }
    .cat-level-0 a { font-size: 9pt }
}
@media screen and (max-width: 767px) {
    header { height: 80px; }
    header .input-group { margin-top: 10px }
    .loading { left: 20% }
    #frmAccount input { width: 100% }
    #divSearch { top: 60px; margin-right: 10px; width: 62%; left: 20% }
    #divSearch img  { width: 70px; height: 70px }
    #divSearch .row  { padding-right: 35px; padding-left: 35px }
    #txtHeaderSearch { width: 115%; margin-top: -70px; margin-right: 15%;  }
    #header-menu { position: absolute; z-index: 4; top: -10px; padding-left: 0; height: 100%; background: #009cff; width: 70%; box-shadow: 3px 2px 15px #D7D7D7; }
    .cat-level-0 a { color: white }
    .cat-level-0 a:hover { color: white }
    nav li { border-bottom: solid 1px #e8e8e8; color: white; padding-right: 20px }
    .submenu-categories { background: white;  }
    .submenu-categories a { color: #009cff  }
    .open-third-level:hover>.third-level { display: block; right: 0; margin-top: 0; position: relative; }
    .table-responsive { width: 112%; }
    .table-responsive table { font-size: 10pt }
    .table-responsive table img { width: 40px; height: 40px }
    .listing-sidebar .fa-close { display: block }
    .listing-sidebar { display: none; position: absolute; background: white; z-index: 20; width: 100%; height:700px; }
    .product-main-img { height: 280px }
}
@media screen and (max-width: 766px) and (min-width: 330px) {
    .owl-2 .media-29101 { border-radius: 20px }
    .owl-2 .img-fluid { height: 150px }
    .owl-2 h3 a { font-size: 7pt; }
    .owl-2 h3,.owl-2 h4 { height: 53px }
    .owl-3 .img-fluid { height: 100px }
    .owl-3 h4 a,.owl-3 h3 a { font-size: 7pt }
    .owl-3 h4 ,.owl-3 h3  { text-align: center; width: 100%; height: 33px }
    .owl-nav button { display: none }
    .module-style-2 { width: 83% }
    .module-style-2 .media-29101 {  }
    .module-style-2 .item-price { font-size: 8pt }
    .tblPriceLevels { font-size: 10pt }
    .tblPriceLevels .add-cart-price-level { font-size: 10pt; padding: 5px 10px; }
    .divAddComment { border-left: none; border-bottom: solid 2px #eaeaea; margin-bottom: 20px }
}
@media screen and (min-width: 1300px) {
    .owl-2 .media-29101 { border-radius: 30px }
    .owl-2 .img-fluid { height: 400px }
}
@media screen and (min-width: 1600px) {
    .owl-2 .media-29101 { border-radius: 30px }
    .owl-2 .img-fluid { height: 580px }
}