@font-face {
    font-family: my-font;
    src: url(../fonts/IRANSans-web.woff);
}
*{
	font-family: my-font;
}


html{
	position:relative;
}




        .keys_image{
            width: 100%;
        }
        
        .basket_margin{
            margin-right: 10px;
        }

        .janebi_color{
            color:red;
        }

        .tag_margin{
            margin-left: 10px;
        }

        span.glyphicon-shopping-cart {
            font-size: 1em;
        }

        span.glyphicon-shopping-cart:hover{
            cursor: pointer;
        }

        i.fa-user{
            padding: 1px;
        }

        .carousel{
            width: 100%;
        }

        .input-group-addon i{
            width: 20px;
            height: 20px;
            font-size: 20px;
        }

        .main_pro_color{
            color: #333333;
            margin-bottom: 20px;
        }

        .vorood-width{
            width: 70px;
            text-align: center;
        }

.shopping_basket{
	width: 70px;
	height: 70px;
	float: right;
	position: fixed;
		right: 0;
		bottom: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	background:#337AB7;
	border-radius: 100%;
	font-size: 20px;
}

.center_basket{
	margin-top: 30%;
	color: #fff;
}

.shopping_info{
	width: 370px;
    height: auto;
    padding-bottom: 50px;
    border: 2px solid #F5F5F5;
    border-radius: 5px;
    background: #F5F5F5;
    position: fixed;
    	bottom: 0px;
    	right: -370px;
    margin-bottom: 5px;
}

.shopping_info_img{
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.mahsool_entekhabi{
	width: 100%;
	background-color: orange;
}

.mahsool_nam , .mahsool_tedad {
	display: inline-block;
	color: #fff;
    margin: 10px;
}

.mahsool_delete{
	border:none;
	background-color: lightblue;
}

.mahsool_gheymat{
	background-color: pink;
	width: 100%;
}

#txtHint{
    color:red;
    text-align: center;
}

.to_close:hover{
	cursor:pointer;
}

.to_close{
    display: none;
    font-size: 29px;
}

.dis_block{
    display:inline-block;
}