@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: #062149; }
a:hover { text-decoration: none; color: green;  }
.form-control { border-radius: 0px; 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: 13px }
/*----------------------header-----------------*/
header .icon-bar { background: green; padding: 1px; margin-bottom: 9px; }
#txtHeaderSearch { background: white; width: 370px;  border: none; color: #4d4d4c }
#txtHeaderSearch::placeholder {
    color: #91827b;
}
header button {  border: none; padding: 10px; margin: 2px; border-radius: 40px; width: 40px; }
nav .fa-angle-down { font-size: 14pt; }
.submenu-categories { position: absolute;  top: 150px; z-index: 5; background: white; }
.cat-level-0 li { float: none; padding: 10px 0;  }
.cat-level-0 a:hover { font-weight: bolder; font-size: 14px }
.dropdown-menu li { padding: 10px 0; }
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;  }
.open-third-level:hover>.third-level { display: block; right: 100%; top: auto; margin-top: -20px; position: absolute; }
.login-register { background: white; }
.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; }
#divSearch { position: absolute; background: white; top: 85px; margin-right: -45px; box-shadow: 3px 2px 15px #9d9d9d; border-radius: 10px; height: 200px; overflow-y: scroll }
#divSearch .row {  padding: 10px 0; }
#divSearch .row div { padding: 0; }
#li-categories { background: #00e765; }
#li-categories a { color: white }
.bg_dark { background-color: rgba(0,0,0,.3); width: 100%; height: 100%; position: absolute; z-index: 3; top: 0; display: none }
/*---------------------detail-pages-------------*/
.carousel-caption h3 { background: black; width: 100%; opacity: .7; color: white }
h3 { color:black; border-bottom: solid 2px black; width: fit-content; margin-bottom: 20px  }
h4 { margin: 5px 5px }
.listing-sidebar .panel { border-radius: 0; height: 400px; }
.product-item { transition: .3s; border-radius: 0px; margin-left: 10px }
.product-item:hover { margin-top: -5px; box-shadow: 3px 2px 15px #D7D7D7; }
.availablity { margin-top: 20px; color: #44dcc7; font-size: 12pt; }
.radio-select { font-size: 18px; font-weight: normal }
.radio-select input { width: 20px; height: 20px }
.pr-price { margin-top: 40px; font-size: 12pt;  }
#install-method-validation,#select-price-validation,#sendvia-validation,#userdefined-price-validation { color: red;  }
#userdefined-price-validation { display: none }
.pr-price .col-lg-4 { border-left: solid 1px #eaeaea; margin-top: 10px }
.pr-price .col-lg-4:hover { border: solid 1px #00e765; border-radius: 10px }
.pr-price b { font-size: 14pt }
.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  }
.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: 0px;  }
#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 .container-fluid div div { padding: 7px 0; color: #4d4d4c }
footer { color: #4d4d4c }
footer a { color: #4d4d4c }
.download-app { background: black; color: white; padding: 10px 20px; border-radius: 5px;  }
/*-----------------------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: 180px }
    #divSearch { margin-right:45px }
}
@media screen and (max-width: 767px) {
    header .input-group { margin-top: 10px }
    #frmAccount input { width: 100% }
    #divSearch { top: 140px; margin-right: 20px }
    #divSearch img  { width: 95%; height: 70px }
    #divSearch .row  { padding-right: 35px; padding-left: 35px }
    #txtHeaderSearch { width: 80%; font-size: 10pt; }
    #frmSearch { margin-top: -30px }
    #header-menu { position: absolute; z-index: 4; top: -10px; padding-left: 0; height: 100%; background: white; width: 70%; box-shadow: 3px 2px 15px #D7D7D7; }
    nav li { border-bottom: solid 1px #e8e8e8; color: white; padding-right: 20px }
    #li-categories ul { background: white; margin-right: 0px }
    .dropdown-menu { margin-right: 40px }
    .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 { display: none; position: absolute; background: white; z-index: 3; width: 100%; }
    .product-main-img { height: 280px }
}