@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/IRANSans-Bold-web.woff') format('woff');  /* All Major Browsers */
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/IRANSans-Medium-web.woff') format('woff');  /* All Major Browsers */
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IRANSans-Light-web.woff') format('woff');  /* All Major Browsers */
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('fonts/IRANSans-UrtlaLight-web.woff') format('woff');  /* All Major Browsers */
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/IRANSans-web.woff') format('woff');  /* All Major Browsers */
}

.imagecontour {
 padding: 10px; 
 border: solid 1px #EFEFEF;
 background-color: #FFFFFF;
 }
 
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.float-right{
	float: right;
	text-align: right;
	direction: rtl;
}
.float-left{
	float: left;
	text-align: left;
	direction: ltr;
}
.c-theme-link{
	float: left;
	text-align: left;
	direction: ltr;
}
.align-right{
	text-align: right;
	direction: rtl;
}

.text-right{
	float: left;
	text-align: right;
	direction: rtl;
}

.iran{
	font-family: IRANSans;
}

.c-address {
        clear: both;
        padding: 0;
        margin-top: 20px; }
		
.c-address > li {
          list-style: none;
          padding: 5px 0; }
		  
.c-address > li > i {
            margin-right: 10px;
            position: relative;
            top: 2px; }
			
.cbp-l-caption-body a{
	font-family: IRANSans;
}

.little_img{
	height: 300px;
	border: 2px solid white;
}

.big_img{
	height: 500px;
	border: 2px solid white;
}

.map-canvas{
	width: 800px;
	height: 500px;
	max-width: 100%;
	max-height: 60%;
	margin: 0 auto;
}

@media(max-width: 720px){
	.map-canvas{
		width: 350px;
		height: 200px;
		max-width: 100%;
		max-height: 60%;
		margin: 0 auto;
	}
	body, span, input, label, .btn{
		font-size: 12px;
	}
}

@media(max-width: 480px){
	.map-canvas{
		width: 250px;
		height: 150px;
		max-width: 100%;
		max-height: 60%;
		margin: 0 auto;
	}
	body, span, input, label, .btn{
		font-size: 9px;
	}
}

div.stars {
	display: inline-block;
}

input.star { display: none; }

label.star {
	float: left;
	padding: 0 3px 0 3px;
	font-size: 20px;
	color: #444;
	transition: all .2s;
}

input.star:checked ~ label.star:before {
	content: '\f005';
	color: #FD4;
	transition: all .25s;
}

input.star-5:checked ~ label.star:before {
	color: #FE7;
	text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform: rotate(-15deg) scale(1.3); }

label.star:before {
	content: '\f006';
	font-family: FontAwesome;
}

.panel-title, .panel-body, .tabs-right li{
	text-align: right;
	direction: rtl;
}

.control-label{
	float: right;
}

.form-control.hamed-border-2px {
	border-color: #F2F3F4;
    border-width: 2px; }
	
.message_error{
	font-weight: bold;
	color: red;
}

.message_extra{
	font-size: 10px;
	color: red;
}


.message_success{
	font-weight: bold;
	color: green;
}

.message_warning{
	font-weight: bold;
	color: orange;
}

.hamed-block{
	width: 95%;
	margin: 0 2.5% 0 2.5%;
}

.c-content-bar-1{
	direction: rtl;
}

.disabled{
	width: 70%;
	float: right;
	margin-right: 31%;
	margin-top: -8%;
}

.disabled-btn{
	float: right;
}

@media(max-width: 1200px){
	.disabled{
		width: 68%;
		margin-right: 41%;
		margin-top: -8%;
	}
	.disabled-btn{
		width: 40%;
		font-size: 11px;
	}
}

@media(max-width: 1100px){
	.disabled{
		margin-top: -11%;
	}
}

@media(max-width: 920px){
	label{
		display: none;
	}
	.disabled{
		width: 68%;
		margin-right: 41%;
		margin-top: -11%;
	}
	.disabled-btn{
		width: 40%;
		font-size: 11px;
	}
}

.nav-justified{
	direction: rtl;
	margin-left: 50px;
}

@media(max-width: 720px){
	.nav-justified{
		margin-left: 20px;
	}
}

.edit_span{
	float: left;
	opacity: 0;
	transition: opacity 1s;
}
.edit_span:hover, .edit_span{
	color: white;
}

.editable:hover .edit_span{
	opacity: 1;
}

.hamed-margin{
	margin-left: 30px;
}

.product-img{
	height: 220px !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ec6a0c;
    border-color: #ec6a0c;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #d05100;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #ec6a0c;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.c-margin-r-10{
	margin-right: 10px;
}
.c-margin-r-20{
	margin-right: 20px;
}
.c-margin-r-30{
	margin-right: 30px;
}

