*{margin:0 auto; padding:0;}
@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-FD.eot');
    src: url('../fonts/Vazir-FD.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-FD.woff') format('woff'),
    url('../fonts/Vazir-FD.ttf') format('truetype');
    font-weight: normal;
}


.tooltip,.popover{
    font-family: Vazir;
}
input[type='text']{
    text-align:center!important;
}
body{
    font-family: Vazir;
    direction: rtl;
}

header{
    background-color: #fbfbfb;
    padding-top: 20px;
	color:rgba(100,120,50,1);
}

#header-left{
    color: #000000;
}
#header-left a{
  color:#97d0e0; 
}
#header-right{

}

.header-box{
    float: right;
}

.header-box:nth-child(3) {
}

.header-box .icon{
    font-size: 2em;
    background-color: #ffffff;
 /*   color: #2daecb; */
	color:rgba(100,120,50,1);
}

.header-box div:nth-child(2) {
    font-weight: bold;
}
.header-box div:nth-child(4) {
    color: #9f9f9f;
    font-size: 12px;
    padding-right: 35px;

}


#search-bar{
/*    background-color: #2daecb; */
background-color:rgba(100,120,50,1);padding:0%;;
}

#logo{

width:30%; float:right;
}
#div-search-bar{width:60%; float:right;}
#submit-form-search{
    width: 42px;
    height:35px;
    background-color: #ffa900;
    color: #ffffff;
    border: none;
    border-radius: 10px 0 0 10px;
    outline:none;
}

#category-form-search{
    height: 35px;
    border:none;
    outline:none;
    border-right:1px solid #d5d5d5;
    width: 180px;
}

#keyword-form-search{
    outline: none;
    border: none;
    height: 35px;
    padding-right: 5px;
    border-radius: 0 10px 10px 0;
    width: 250px;
    color: #000000;
}

#keyword-form-search::-moz-placeholder{
    color: #a9a9a9;
}

#keyword-form-search::-webkit-input-placeholder{
    color: #a9a9a9;
}

#form-search-holder{
    height:40px;
    border-radius: 10px;
}

/* xs landscape */
@media only screen
and (max-width : 767px)
and (orientation : landscape) {
    #header-left{
        text-align: center;
    }
    #header-right {
        margin-top: 20px;
        text-align: center;
    }
    header{
        min-height: 95px;
    }

}

/* xs portrait */
@media only screen
and (max-width : 767px)
and (orientation : portrait) {
    #header-left{
        text-align: center;
    }
    #header-right {
        margin-top: 20px;
        text-align: center;
    }
    header{
        min-height: 95px;
    }


}

/* sm */
@media (min-width: 768px) {
    #header-left{
     text-align: center;
    }
    #header-right {
        margin-top: 20px;
        text-align: right;
    }
    header{
        min-height: 100px;
    }
}


/* md */
@media (min-width: 992px) {
    header{
        min-height: 70px;
    }
    #header-left{
        text-align: right;
    }
    #header-right{
        padding-right: 40px;
        text-align: right;
        margin-top: 0;
    }

}


/* lg */
@media (min-width: 1200px) {
    header{
        min-height: 70px;
    }
    #header-left{
        text-align: right;
    }
    #header-right{
        padding-right: 150px;
        text-align: right;
        margin-top: 0;
    }

    .product-box img{
        width: 198px;
           }
    .product-box{
    border: 1px solid rgb(94, 102, 19);
    padding: 10px 10px 10px 10px !important;
    margin:10px !important;
    box-shadow: 5px 5px rgba(94, 102, 19, 0.3)!important;
    border-radius: 10px;
    height: fit-content !important;
        }
        
}
#cart-btn{
    width: 285px;
    background-color:#ffa900;
    height: 35px;
    border-radius: 12px;
    color: white;
    padding-right: 5px;
    position: relative;
}
#cart-btn span:nth-child(2){
    margin-top: 5px;
    margin-right: 10px;
}
#cart-btn  span{
    display: block;
    float: right;
}
#cart-btn span:nth-child(3){
    margin-top: 5px;
    margin-right: 5px;
}
#cart-btn span:nth-child(4){
    margin-top: 5px;
    margin-right: 10px;
}
#cart-btn span:nth-child(5){
    margin-top: 5px;
    margin-right: 5px;
}
#cart-btn span:nth-child(6){
    margin-top: 8px;
    margin-right: 25px;
}
#cart-box{
    width: 350px;
    background: #fff;
    height: 200px;
    display: none;
    position: absolute;
    border-radius: 10px;
    top: 32px;
    right: -20px;
    padding: 5px;
    font-size:12px;
    overflow: auto;
    z-index: 999;
}
#test{
    height: 200px;
    background-color: green;
}
#cart-box .table-bordered, #cart-box table td{
    border: 1px solid #1e8aa2 !important;
}
#myNav{
   background-color:rgba(100,120,50,1);
   border:none !important;
}

#top-menu a{
    color: white;
}
#top-menu li.active a{
    background-color: rgba(200,200,50,1) !important;
}
#top-menu .dropdown-menu{
    background-color: rgba(100,120,50,0.9) !important;
}
#top-menu li a:hover{
 /*   background-color: #53bdd4 !important; */
 background-color:rgba(200,200,50,1) !important;
}
#sidebar{
    padding: 0;
}
#content{

}
#myCarousel{
    margin: 0;
}
.carousel-inner img{
    width: 100%;
}
.block-header{
    background-color: #383838;
    color: white;
    height: 45px;
    padding: 10px;
}
.content-header{
    padding: 10px 20px;
    margin-top: 24px;
  /*  border: 1px solid #dcdcdc;
    background-color: #f4f4f4;
   */ height: 43px;
    color: black;
}
.content-header span{
    display: inline-block;
}
.content-box{
    overflow: auto;
    background-color: white;
    border: 1px solid #dcdcdc;
    padding-top: 10px;
    padding-bottom: 10px;

}
.product-title{
    color: #2daecb;
    display: inline-block;
    margin-top: 9px;
}
.product-description{
    color: #767676;
    text-align: justify;
    padding: 0 5px 0 5px;
    margin:10px 0 0 0;


}
.org-price{
    color: orange;
    display: block;
    margin-top: 2px;
    text-decoration: line-through;
    margin-left: 8px;
}
.sale-price{
    color: red;
    display: block;
    margin-top: 3px;
}
.product-box:hover{
    border: 4px solid #5e6613;
    margin: -3px!important;
}
.product-box{
    border: 1px solid rgb(94, 102, 19);
    padding: 10px 10px 10px 10px !important;
    margin:10px !important;
    box-shadow: 5px 5px rgba(94, 102, 19, 0.3)!important;
    border-radius: 10px;
    height: fit-content !important;
}
.product-buttons button,.product-buttons a{
    display: block;
    width: 45px !important;
    margin-right: 5px;
    padding:7px !important;
}
.product-buttons{
    margin: 10px;
}
.star{
    color: red;
}
#CCTV_Char{
    width:100% !important;
}