@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; 
    font-weight: 600;
}
		
.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: #f26b00;
    border-color: #f26b00;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #f26b00;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #f26b00;
    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;
}

th.hamed-table{
    height: 64px;
    background-color: #E5EBFF
}

tr.even:nth-child(even){
	background-color: #f2f2f2
}

.center{
	text-align: center;
	margin: auto;
}

@media(max-width: 991px){
	th.hamed-table{
	    height: 44px;
	}
	td.hamed-table{
	    height: 30px;
	}
}

@media(max-width: 720px){
	th.hamed-table{
	    height: 30px;
	}
	td.hamed-table{
	    height: 25px;
	}
	th {
	    height: 30px;
	}
}

@media(max-width: 480px){
	th.hamed-table{
	    height: 20px;
	}
	td.hamed-table{
	    height: 18px;
	}
}
/* MENU-LEFT
-------------------------- */
/* layout */
#left ul.nav {
    margin-bottom: 2px;
    font-size: 12px; /* to change font-size, please change instead .lbl */
}
#left ul.nav ul,
#left ul.nav ul li {
    list-style: none!important;
    list-style-type: none!important;
    margin-top: 1px;
    margin-bottom: 1px;
}
#left ul.nav ul {
    padding-right: 0;
    width: auto;
}
#left ul.nav ul.children {
    padding-right: 12px;
    width: auto;
}
#left ul.nav ul.children li{
    margin-right: 0px;
}
#left ul.nav li a:hover {
    text-decoration: none;
}

#left ul.nav li a:hover .lbl {
    color: #999!important;
}

#left ul.nav li.current>a .lbl {
    background-color: #999;
    color: #fff!important;
}

/* parent item */
#left ul.nav li.parent a {
    padding: 0px;
    color: #ccc;
}
#left ul.nav>li.parent>a {
    border: solid 1px #999;
    text-transform: uppercase;
}    
#left ul.nav li.parent a:hover {
    background-color: #fff;
    -webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);    
}

/* link tag (a)*/
#left ul.nav li.parent ul li a {
    color: #222;
    border: none;
    display:block;
    padding-right: 5px;    
}

#left ul.nav li.parent ul li a:hover {
    background-color: #fff;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;  
}

/* sign for parent item */
#left ul.nav li .sign {
    display: inline-block;
    padding: 5px 8px;
    background-color: transparent;
    color: #fff;
}
#left ul.nav li.parent>a>.sign{
    margin-right: 0px;
    background-color: #999;
}

/* label */
#left ul.nav li .lbl {
    padding: 5px 12px;
    display: inline-block;
}
#left ul.nav li.current>a>.lbl {
    color: #fff;
}
#left ul.nav  li a .lbl{
    font-size: 12px;
}

/* THEMATIQUE
------------------------- */
/* theme 1 */
#left ul.nav>li.item-1.parent>a {
    border: solid 1px #f26b00;
}
#left ul.nav>li.item-1.parent>a>.sign,
#left ul.nav>li.item-1 li.parent>a>.sign{
    margin-right: 0px;
    background-color: #f26b00;
}
#left ul.nav>li.item-1 .lbl {
    color: #f26b00;
    width: 85%;
}
#left ul.nav>li.item-1 li.current>a .lbl {
    background-color: #f26b00;
    color: #fff!important;
}

.table-widther2{
	width: 10vw !important;
    margin: 5px;
    border: 1px solid rgb(193, 193, 193) !important;
    border-radius: 5px !important;
    padding: 8px !important;
}

.table-widther3{
	width: 30vw !important;
    margin: 5px;
    border: 1px solid rgb(193, 193, 193) !important;
    border-radius: 5px !important;
    padding: 8px !important;
}

.margin-b-80{
	margin-bottom: -80px !important;
}