/***************************
SSSS  AAAAA  MMM  MMM  AAAAA  NN    N  II  RRRR  AAAAA
S     A   A  M  MM  M  A   A  N N   N  II  RRRR  A   A
SSSS  AAAAA  M  MM  M  AAAAA  N  N  N  II  RRRR  AAAAA   v1.2 | Gaboja v1.0
   S  A   A  M      M  A   A  N   N N  II  R  R  A   A
SSSS  S   A  M      M  A   A  N    NN  II  R  R  A   A
******************************************************/


@charset "utf-8";

@import url('fonts.css');


/******************
*** _MAIN STYLES ***
*******************/


*,
*::after,
*::before{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body{
	height: 100%;
	min-height: 100%;
}

body{
	direction: rtl;
	font-family: 'Iran', 'Iran-Medium', Tahoma, sans-serif;
	font-size:13px;
	line-height: 1.8;
	color:#7d8a8e;
	background-color:#ebecee;
}

a{
	text-decoration:none;
	outline: none;
	color: inherit;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

a:hover,
a:focus{
	outline: none;
}

a img{
	border:none;
	outline:none;
}

img{
	max-width:100%;
	margin:auto;
	height: auto !important;
}

ul,
ol{list-style:none;}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'Iran-Medium';
	font-weight: normal;
	color:#464655;
	line-height: 1.7;
}

h1{font-size:25px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:15px;}
h6{font-size:14px;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{color:#c3aa68;}

p{padding-top:8px;}

p a{color:#c3aa68;}
p a:hover{color:#a28b4f;}

strong{font-weight: normal;}

table{
	width: 100%;
	border-collapse: collapse;
}


/******************
*** _FORM STYLES ***
*******************/

.form-box{
	position: relative;
	max-width: 400px;
	margin:auto;
	padding:28px;
	background-color:#ffffff;
	border-radius: 8px;
}

.form-box.only-items{padding:25px 15px;}

.information-overlay .form-box{max-width: 500px;}

.form-field-holder{
	position: relative;
	width: 100%;
}

.form-field-holder strong{
	position: absolute;
	bottom:12px;
	left: 12px;
	font-size: 10px;
}

.form-field-holder .field-icon{
	position: absolute;
	top:50%;
	left: 10px;
	width: 32px;
	height: 32px;
	margin-top:-16px;
	border:1px solid #e0dfe3;
}

.input-tags-holder{
	width: 100%;
	overflow: hidden;
	padding:4px 9px;
	border:1px solid #e0dfe3;
	border-radius: 2px;
}

.field-holder{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin:10px 0;
}

.field-piece{
	float: right;
	width: 32%;
	margin-right: 2%;
}

.field-piece:nth-child(3n+1){margin-right: 0;}

.reverse-input{direction: ltr;}

::-webkit-input-placeholder{
	font-family: 'Iran';
    font-size:14px;
    color: #bebfc1;
    direction: rtl !important;
}

:-moz-placeholder{
    font-family: 'Iran';
    font-size:14px;
    color: #bebfc1;
    direction: rtl !important;
}

::-moz-placeholder{
    font-family: 'Iran';
    font-size:14px;
    color: #bebfc1;
    direction: rtl !important;
}

:-ms-input-placeholder{  
    font-family: 'Iran';
    font-size:14px;
    color: #bebfc1;
    direction: rtl !important;
}

fieldset{
	border:2px solid #e9e8e4;
	border-radius: 3px;
}

legend{
	color:#7d8a8e;
	padding:0 10px;
	margin-right:10px;
}

input,
textarea,
button{
	font-family: 'Iran';
	font-size: 14px;
 	color:#2e2e2e;
	border:none;
	outline:none;
	background-color: #ffffff;
	-webkit-transition:border .2s ease-in-out;
	-moz-transition:border .2s ease-in-out;
	transition:border .2s ease-in-out;
	-webkit-appearance:none;
}

select{
	width: 100%;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	font-family: 'Iran';
	font-size: 14px;
	color:#2e2e2e;
	cursor: pointer;
	padding:0 12px 0 35px;
	background: url("../images/assets/dropdown-arrow-down.png") no-repeat 15px center #ffffff;
	border:1px solid #ebecee;
	border-radius: 2px;
	outline: none;
	-webkit-appearance:none;
}

input{
	display: block;
	width: 100%;
	height: 45px;
	line-height: 46px;
	padding:0 15px;
	border:1px solid #ebecee;
	border-radius: 5px;
}

textarea{
	width: 100%;
	height: 130px;
	padding:12px;
	resize:none;
	border:1px solid #e7e5df;
	border-radius: 4px;
}

label{
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	color:#9fa0a2;
	text-align: right;
}

input[type="submit"]{
	display: block;
	font-size: 15px;
	color:#ffffff;
	text-align: center;
	padding:0 15px;
	margin-top:15px;
	cursor: pointer;
	background-color: #009688;
	border-color: transparent;
	border-radius: 5px;
    -webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

input[type="submit"].small-input{max-width: 100px;}


.favorite input[type="submit"]{
	font-size: 12px;
	color:#ffffff;
	float: left;
	max-width: 80px;
	height: 36px;
	line-height: 13px;
	text-align: center;
	padding:0 15px;
	margin:0;
	cursor: pointer;
	background: #009688;
}

input[type="submit"]:hover,
input[type="submit"]:focus{background-color: #3abca8;}

input[type="submit"].purple-submit{background-color: #5144a8;}
input[type="submit"].purple-submit:hover{background-color: #352b7b;}

.favorite input[type="submit"]:hover,
.favorite input[type="submit"]:focus{background-color: #3abca8;}

.favorite input[type="submit"].blue-input{background-color: #464655;}

.favorite input[type="submit"].blue-input:hover,
.favorite input[type="submit"].blue-input:focus{background-color: #656570;}

.edit-section input[type="text"]{
	display: inline-block;
	width: 215px;
	height: 36px;
}

.edit-section .field-holder{
	display: inline-block;
	width: auto;
	vertical-align: middle;
	font-size: 14px;
	color: #9fa0a2;
	margin: 0 0 0 5px;
}

input[id="url"]{direction: ltr;}

.search-box{
	position: relative;
    max-width: 720px;
    margin: 0 auto 0 auto;
    border-radius: 5px;
	background: #ffffff;
}

.search-box ::-webkit-input-placeholder{
	color: #bebfc1;
	font-size:18px;
}

.search-box :-moz-placeholder{
	font-size:18px;
	color: #bebfc1;
}

.search-box ::-moz-placeholder{
	font-size:18px;
	color: #bebfc1;
}

.search-box :-ms-input-placeholder{
	font-size:18px;
	color: #bebfc1;
}


.search-box input[type="text"]{
	padding-left: 200px;
	border: 2px solid #ffca00;
	height: 55px;
}

.header.sticky .search-box input[type="text"]{height: 45px;}

.header.sticky .search-box ::-webkit-input-placeholder{font-size:15px;}
.header.sticky .search-box :-moz-placeholder{font-size:15px;}
.header.sticky .search-box ::-moz-placeholder{font-size:15px;}
.header.sticky .search-box :-ms-input-placeholder{font-size:15px;}

.search-box input[type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 100%;
    margin: 0;
    background: url('../images/assets/search-purple.png') no-repeat center #ffca00;
    border: none;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
}

.search-box input[type="submit"]:hover,
.search-box input[type="submit"]:focus{background-color: #eec21b;}

input[type="search"]{
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	padding-right: 18px;
	border:none !important;
}	

input[type="reset"]{
	display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    color: #6e2471;
    padding: 0;
    margin-right: 8px;
    cursor: pointer;
    background: none;
    border: none;
}

input[type="file"]{
	position: absolute;
	top:0;
	left: 0;
    width: 100%;
    height: 100%;
    font-size: 200px;
	padding:0;
	opacity: 0;
	cursor: pointer;
	border:none;
	border-radius: 5px;
	z-index: 5;
}

input.datepicker{cursor: pointer;}

/* -- _Actions -- */


/* -- _Validation -- */

label.error{
	font-size: 13px;
	color: #db4336;
	margin-top: 5px;
}

/*input.error,
select.error{border:1px solid tomato !important;}*/

/* -- _Classes in Form -- */

.has-icon-xsmall{padding-right: 18px;}
.has-icon-small{padding-right: 24px;}
.has-icon{padding-left: 30px;}
.has-icon-medium{padding-right: 45px;}
.has-icon-large{padding-right: 70px;}

span.has-different-icon{
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}

/* _Upload Single Button */

.upload-bttn{
	position: absolute;
	top:0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 100%;
	z-index: 1;
}

.upload-bttn input[type="file"]{display: none;}

.upload-bttn label{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: url('../images/icons/camera.png') no-repeat center;
	border-radius: 100%;
	z-index: 2;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.upload-bttn label:hover{background-image: url('../images/icons/camera-active.png');}

/* _Upload Image Box */

.upload-image{
	display: table;
	width: 100%;
	height: 185px;
	overflow: hidden;
	margin-top:12px;
	border-radius: 2px;
}

.upload-image img{
	position: relative;
	display: block;
	max-height: 175px;
	margin:auto;
	z-index: 5;
	visibility: hidden;
	border-radius: 3px;
}

.upload-image-inner-box{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;	
	background:  #f7f7f9;
}    

.upload-image a.remove {visibility: hidden;}

.upload-image-inner-box span {
    position: absolute;
    top:50%;
    right: 50%;
    display: block;
    width: 300px;
    font-size: 10px;
    color: #b0b2b7;
    padding: 40px 15px 0 15px;
    margin-top:-28px;
    margin-right: -150px;
    z-index: 4;
    background: url(../images/icons/upload.png) no-repeat center top;
}

.upload-image.image-added a.remove,
.upload-image.image-added img{visibility: visible;}

/* _Inline Upload with File Name */

.inline-upload{
	position: relative;
	padding-top: 60px;
}

.inline-upload .upload-bttn{
	left: auto;
	right:0;
}

.file-name{
	position: absolute;
    top: 14px;
    right: 180px;
}

.uploaded-photo-box{
	position: relative;
	display: inline-block;
	min-width: 120px;
	background-color: #dddddd;
	border-radius: 5px;
}

.uploaded-photo-box img{display: block;}

.checkbox-holder,
.radio-holder{
	position: relative;
	width: 100%;
	padding:15px 0 0 0;
}

.checkbox-holder input[type="checkbox"],
.radio-holder input[type="radio"]{
	position: absolute;
	top:0;
	right:0;
	visibility: hidden;
}

.checkbox-holder input[type="checkbox"] + label,
.radio-holder input[type="radio"] + label{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color:#9fa0a2;
	padding:0 41px 0 0;
	margin:0;
	cursor: pointer;
}

.radio-holder input[type="radio"] + label{padding:  3px 41px 3px 0;}

.checkbox-holder input[type="checkbox"] + label::before{
	content: '';
	position: absolute;
	top: -4px;
    right: 0;
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    border: 1px solid #ebecee;
    border-radius: 3px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.checkbox-holder input[type="checkbox"] + label::after{
	content: '';
  	position: absolute;
 	top:0;
    right:4px;
    width: 20px;
    height: 20px;
    background: url('../images/assets/tick.png') no-repeat center;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	--webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.checkbox-holder input[type="checkbox"]:checked + label::after{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
  	transform: scale(1);
}

.radio-holder input[type="radio"] + label::before{
	content: '';
	position: absolute;
	top: 0px;
	right:2px;
	width: 30px;
	height: 30px;
	background-color: #ffffff;
	border:2px solid #dfdcd3;
	border-radius: 50%;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.radio-holder input[type="radio"] + label::after{
	content: '';
	position: absolute;
    top: 9px;
    right: 11px;
    width: 12px;
    height: 12px;
	background-color: #464655;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.radio-holder.reverse input[type="radio"] + label::before{
	top: auto;
	bottom: 15px;
}

.radio-holder.reverse input[type="radio"] + label::after{
	top: auto;
	bottom: 20px;
}

.radio-holder input[type="radio"]:checked + label::before{border:2px solid #464655;}
.radio-holder input[type="radio"]:checked + label::after{opacity: 1;}

.checkbox-holder.right-checkbox{padding-top:4px;}
.checkbox-holder.right-checkbox input[type="checkbox"] + label{padding:0 35px 0 0;}
.checkbox-holder.right-checkbox input[type="checkbox"] + label::before{
	bottom:auto;
	left:auto;
	right: 0;
	top:0;
	width: 25px;
	height: 25px;
	margin-left: 0;
	border-width: 1px;
}
.checkbox-holder.right-checkbox input[type="checkbox"] + label::after{
	bottom:auto;
	left:auto;
	right: 3px;
	top:2px;
	margin-left: 0;
	background: url('../images/icons/tick-gold.png') no-repeat center;
	border-color: transparent;
}

.image-caption{
	width: 100%;
	overflow: hidden;
	padding-bottom: 3px;
	margin-top:15px;
	border-bottom: 1px solid #efeff3;
}

.caption-textarea{
	height: auto;
	overflow: hidden;
	font-size: 11px;
	padding:0;
	border:none;
}


/******************
***** _Buttons *****
*******************/


.button-holder{
	width: 100%;
	overflow: hidden;
	text-align:center;
	margin-top:20px;
}

.button-holder a,
.button-holder input{margin:0 5px !important;}

.button-holder.has-full-button a,
.button-holder.has-full-button input{
	float: right;
	display: block;
	width: 48%;
	margin:0 4% 0 0;
}

.button-holder.has-full-button a:nth-child(2n+1),
.button-holder.has-full-button input:nth-child(2n+1){margin-right: 0;}

a.remove{
	position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 28px;
    height: 28px;
    background: url('../images/assets/remove.png') no-repeat center center #ffffff;
    border-radius: 2px;
    z-index: 6;
}

.bttn{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	min-width: 110px;
	font-size: 14px;
	color:#ffffff;
	text-align: center;
	padding:10px 20px;
	background-color: #5144a8;
	border:1px solid transparent;
	border-radius: 5px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.bttn:hover{background-color: #443a89;}

.favorite .bttn{
	min-width: 82px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	padding:0 15px;
	margin:0;
	cursor: pointer;
	background: #009688;
}

.favorite-title .bttn{
	min-width: 80px;
    height: 37px;
    line-height: 37px;
    font-size: 12px;
}

.favorite .bttn:hover,
.favorite .bttn:focus{background-color: #3abca8;}

.favorite .bttn.blue-bttn{background-color: #464655;}

.favorite .bttn.blue-bttn:hover,
.favorite .bttn.blue-bttn:focus{background-color: #656570;}

.bttn.red-bttn{
	width: 100%;
	background-color: #dd4b39;
}

.bttn.red-bttn:hover,
.bttn.red-bttn:focus{
	color: #ffffff;
	background-color: #c44434;
}

.bttn.site{background-color: #490b34 !important;}
.bttn.site:hover{background-color: #340825 !important;}

.bttn.pink{background-color: #ac355e !important;}
.bttn.pink:hover{background-color: #862c4b !important;}

.bttn.transparent{
	background-color: transparent;
	color:#c3aa68;
	border:1px solid #c3aa68;
}
.bttn.transparent:hover{
	color:#ffffff;
	background-color: #c3aa68;
}

.bttn.small{padding:6px 10px 3px 10px;}
.bttn.medium{min-width: 160px;}
.bttn.large{min-width: 260px;}

.bttn.xlarge{
	min-width: 200px;
	font-size: 19px;
	padding:6px 20px;
}

.switch{
	display: block;
	float: left;
	width: 59px;
	height: 36px;
	background: url('../images/icons/switch.png') no-repeat center;
}

.switch.on{background-image: url('../images/icons/switch-on.png');}

.nav-toggle{
    position: absolute;
    right: 17px;
    top: 16px;
    display: none;
    width: 20px;
    height: 14px;
    text-align: center;
    cursor: pointer;
    z-index: 1000;
}

.nav-toggle span{
	position: relative;
	display: block;
	height: 2px;
	margin-bottom: 4px;
	background-color: #efeff3;
}

.nav-toggle span:last-child{margin-bottom: 0;}


/**********************
******* _Frames *******
***********************/


#wrapper{
	position: relative;
	min-width: 320px;
	min-height: 100%;
	width:100%;
}

.full-height{height: 100%;}
.full-width{width: 100%;}

.frame{
	width: 1220px;
	padding:0 10px;
	margin:auto;
}

.frame.medium{max-width: 980px;}
.frame.small{max-width: 740px;}
.frame.smallest{max-width: 400px;}

.clearFix{
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

.hasClearFix::after{
	content:'';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.divider{
	height: 1px;
	margin-bottom:25px;
	background-color:#dddad1;
}


/************************
******** _Common ********
*************************/


.inline-display{display: inline;}
.inline-block-display{display: inline-block;}
.block-display{display: block !important;}
.table-display{display: table;}
.table-cell-display{display: table-cell;}
.none-display{display: none !important;}

.vertical-aligned{vertical-align: middle;}

.center-aligned{text-align: center;}
.left-aligned{text-align: left;}
.right-aligned{text-align: right;}
.justified{text-align: justify;}

.right-floated{float: right !important;}
.left-floated{float: left !important;}
.no-float{float: none !important;}

.uppercased{text-transform: uppercase;}
.lowercased{text-transform: lowercase;}

.no-boxshadow{
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.site-border{border-bottom:4px solid #d05d60 !important;}

.no-border{border:none !important;}
.has-border{border: 1px solid #ebecee;}
.has-top-border{border-top: 1px solid #ebecee;}
.has-right-border{border-right: 1px solid #e4e0d7;}
.has-bottom-border{border-bottom: 1px solid #ebecee;}
.has-left-border{border-left: 1px solid #e4e0d7;}

.no-padding{padding:0 !important;}
.no-top-padding{padding-top: 0 !important;}

.has-padding{padding:30px;}
.has-top-padding{padding-top:30px;}
.has-bottom-padding{padding-bottom:30px;}
.has-left-padding{padding-left:30px;}
.has-right-padding{padding-right:30px;}
.has-x-padding{padding:0 30px;}
.has-y-padding{padding:30px 0;}

.has-large-padding{padding:80px;}
.has-large-top-padding{padding-top:80px;}
.has-large-bottom-padding{padding-bottom:80px;}
.has-large-left-padding{padding-left:80px;}
.has-large-right-padding{padding-right:80px;}
.has-large-x-padding{padding:0 80px;}
.has-large-y-padding{padding:80px 0 !important;}

.has-medium-padding{padding:20px;}
.has-medium-top-padding{padding-top:20px;}
.has-medium-bottom-padding{padding-bottom:20px;}
.has-medium-left-padding{padding-left:20px;}
.has-medium-right-padding{padding-right:20px;}
.has-medium-x-padding{padding:0 20px;}
.has-medium-y-padding{padding:20px 0 !important;}

.has-small-padding{padding:10px;}
.has-small-top-padding{padding-top:10px;}
.has-small-bottom-padding{padding-bottom:10px;}
.has-small-left-padding{padding-left:10px;}
.has-small-right-padding{padding-right:10px;}
.has-small-x-padding{padding:0 10px;}
.has-small-y-padding{padding:10px 0;}

.no-margin{margin: 0 !important;}
.no-top-margin{margin-top:0 !important;}

.has-margin{margin:30px;}
.has-minus-margin{margin-top: -117px !important;}
.has-large-top-margin{margin-top:43px;}
.has-xlarge-top-margin{margin-top:59px;}
.has-top-margin{margin-top:30px;}
.has-bottom-margin{margin-bottom:30px;}
.has-left-margin{margin-left:30px;}
.has-right-margin{margin-right:30px;}
.has-x-margin{margin:0 30px;}
.has-y-margin{margin:30px 0;}

.has-top-slarge-margin{margin-top: 25px !important;}

.has-medium-margin{margin:14px;}
.has-medium-minus-margin{margin-top: -107px !important;}
.has-medium-top-margin{margin-top:14px;}
.has-medium-bottom-margin{margin-bottom:16px;}
.has-medium-left-margin{margin-left:14px;}
.has-medium-right-margin{margin-right:14px;}
.has-medium-x-margin{margin:0 14px;}
.has-medium-y-margin{margin:14px 0;}

.has-small-margin{margin:10px;}
.has-small-minus-margin{margin-top: -91px !important;}
.has-small-top-margin{margin-top:10px;}
.has-small-bottom-margin{margin-bottom:10px;}
.has-small-left-margin{margin-left:10px;}
.has-small-right-margin{margin-right:10px;}
.has-small-x-margin{margin:0 10px;}
.has-small-y-margin{margin:10px 0;}
.has-xsmall-y-margin{margin:5px 0;}

.font-size-xlarge{font-size: 19px;}
.font-size-mlarge{font-size: 17px;}
.font-size-mmlarge{font-size: 15px;}
.font-size-large{font-size: 14px;}
.font-size-medium{font-size: 13px;}
.font-size-small{font-size: 11px;}

.font-type-default{font-family: 'Iran';}
.font-type-medium{font-family: 'Iran-Medium';}
.font-type-large{font-family: 'Iran-Large';}

.site-color{color:#5144a8 !important;}
.site-color-2{color:#464655 !important;}
.site-color-3{color:#009688 !important;}
.site-color-4{color:# !important;}
.site-color-5{color: # !important;}
.site-color-6{color: # !important;}
.site-color-7{color: # !important;}
.blue-color{color:# !important;}
.green-color{color:# !important;}
.purple-color{color:# !important;}
.red-color{color:# !important;}
.yellow-color{color:# !important;}
.white-color{color:# !important;}
.black-color{color:# !important;}

.white-bg{background-color: #ffffff;}

a.site-color:hover{color: #322875 !important;}


/*************************
***** _Custom Classes *****
**************************/


/* -- _Overlay -- */

.overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	background: rgba(0,0,0,.75);
	z-index: 9999999999999;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.overlay.active{
	visibility: visible;
	opacity: 1;
}

.overlay.confirmation{
	position: absolute;
	top: -60px;
	left: 84px;
	background: transparent;
	z-index: 9999999;
}

.inner-overlay{
	display: table;
	width: 100%;
	height: 100%;
}

.overlay-box{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding:30px 20px;
}

.overlay-content{
	position: relative;
    max-width: 400px;
    margin: auto;
    padding: 28px;
    background-color: #fff;
    border-radius: 8px;
}

.action {
    width: 222px;
    text-align: center;
    font-size: 14px;
    color: #464655;
    padding: 20px 18px;
    margin: auto;
    background: #ffffff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 30px #d4d4d4;
	-moz-box-shadow: 0 0 30px #d4d4d4;
	box-shadow: 0 0 30px #d4d4d4;
}

a.close{
	position: absolute;
    top: -15px;
    left: -15px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: url(../images/assets/close-white.png) center no-repeat #443a89;
}

/*************************
***** _List Items *****
**************************/

.circle-bullet li:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	margin-left: 10px;
	background-color: #464655;
	border-radius: 50%;
}

.circle-bullet.small li:before{
	width: 6px;
	height: 6px;
}

.number-bullet li:before{
	content:attr(list-number);
	display: inline-block;
	margin-left: 16px;
	color: #c3aa68;
}

/* -- _Tag -- */

.web-tags a{
	display: inline-block;
	color:#c3aa68;
	padding:3px 12px;
	margin:5px 3px;
	border:1px solid #c3aa68;
	border-radius: 2px;
}

.web-tags a:hover{
	color:#ffffff;
	background-color:#c3aa68;
}

.tag{
	display: inline-block;
	font-size: 11px;
	color:#ffffff !important;
	text-align: center;
	padding:1px 6px 0 6px;
	background-color: #c3aa68;
	border-radius: 2px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.tag.red{background-color:#e95858;}

.tag.large{
	color:#c3aa68;
	padding:8px 12px;
	background-color: transparent;
	border:1px solid #c3aa68;
}

a.tag:hover{background-color:#a28b4f !important;}
a.tag.red:hover{background-color:#ba3737 !important;}

a.tag.large:hover{
	color:#ffffff;
	background-color: #c3aa68;
}

.tags span::after{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 11px;
	margin: 0 9px 0 6px;
	background: url('../images/assets/divider.png') no-repeat center;
}

.tags span:last-child::after{display: none;}

.tags.has-space{padding-top:6px;}

.yellow-label{color: #ffb03a !important;}
.green-label{color: #39bc6d !important;}
.red-label{color: #ac355e !important;}
.red-label:hover{color: #ba3737 !important;}
.blue-label{color: #4e99a7 !important;}
.blue-label:hover{color: #286b77 !important;}

span.description{
	position: absolute;
	top:11px;
	left: 11px;
	display: inline-block;
	font-size: 10px;
	color:#ffffff;
	padding:3px 10px;
	background-color: #4f535f;
	border-radius: 2px;
}

span.time{
	float: left;
	font-size: 10px;
}

/* -- _Post Stats -- */

.post-stats{
	overflow: hidden;
	padding-top:9px;
}

.post-stats span,
.post-stats .left-side > a{
	display: inline-block;
	color: #b1ada5;
}

.post-stats .left-side > a{padding-right: 20px;}

.post-stats span a:hover{color:#878379;}

.post-stats span::after{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 11px;
	margin: 0 7px;
	background: url('../images/assets/divider.png') no-repeat center;
}

.post-stats span:last-child::after{display: none;}

.post-stats .left-side > a::after{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 11px;
	margin: 0 5px;
}

.post-stats .left-side > a:last-child::after{display: none;}

.post-stats strong{margin-left: 5px;}

/* -- _Message -- */

.message{
	width: 100%;
	color:#ffffff;
	text-align: right;
	padding:10px 15px;
	margin:10px 0;
	background-color: #151620;
	border:1px solid transparent;
	border-radius: 2px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.message span{display: block;}

.message.success{
	background-color: #e4f9e4;
	border:1px solid #b6e2b3;
}
.message.success span{color:#5ea75a;}

.message.fail{
	background-color: #ffe5e5;
	border:1px solid #e2b3b3;
}
.message.fail span{color:#ab4040;}

.login-register .message{padding: 12.5px 15px;}

.login-register .message.success{
	background-color: #009688;
	border-color: transparent;
}

.login-register .message.fail{
	background-color: #db4336;
	border-color: transparent;
}

.login-register .message.success span,
.login-register .message.fail span{color: #ffffff;}

/* -- _Filter -- */

.filter{
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
}

.filter-field{
	display: inline-block;
	vertical-align: middle;
	width: 335px;
	margin:0 0 0 10px;
}

.filter .ui-selectmenu-button{
	padding-right: 50px;
	background: url('../images/icons/likedislike-icon.svg') no-repeat 96% #ffffff !important;
	background-size: 55px 35px;
}

/* -- _Quotes -- */

.double-quotes::before{
	content:'"';
	font-family: 'Iran-Medium';
	font-size: 18px;
	color:#000000;
}

.double-quotes::after{
	content:'"';
	font-family: 'Iran-Medium';
	font-size: 18px;
	color:#000000;
}

/* -- _Pagination -- */

.pagination{padding: 25px 0 15px 0;}
.pagination ul{text-align: center;}

.pagination ul li {
    display: inline-block;
    margin: 0 1px;
}

.pagination ul li a {
	display: block;
	width: 40px;
    height: 40px;
	line-height: 41px;
    font-size: 15px;
	background-color: #ffffff;
	border:1px solid #dedbd2;
	border-radius: 50%;
}

.pagination ul li.active a{
	color:#ffffff;
	background-color: #c3aa68;
	border-color: #c3aa68;
}

.pagination ul li.prev a{background: url('../images/assets/prev.png') no-repeat center center #ffffff;}
.pagination ul li.next a{background: url('../images/assets/next.png') no-repeat center center #ffffff;}

.pagination ul li.etc a{
	width: 25px;
	color: #b1ada5;
	background-color: transparent;
	border-color: transparent;
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
	transform: translateY(-4px);
}

.pagination ul li.prev,
.pagination ul li.next{margin: 0 6px;}

.pagination ul li:not(.active):not(.etc) a:hover{
	color: #c3aa68;
	border-color: #c3aa68;
}

/* -- _Breadcrumb -- */

.breadcrumb{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.breadcrumb ul{
	display: block;
	overflow: hidden;
	font-size: 17px;
	padding:15px 0;
	border-bottom: 1px solid #e4e2dc;
}

.breadcrumb ul li{
	float: right;
	color: #66635b;
}

.breadcrumb ul li::before{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 14px;
	margin:0 12px;
	background: url('../images/assets/divider-big.png') no-repeat center;
}

.breadcrumb ul li:first-child::before{display: none;}

.breadcrumb ul li a{color:#c3aa69;}
.breadcrumb ul li a:hover{color:#a28b4f;}

/* -- _Google Map -- */

#map_canvas{
  width:100%;
  height:230px;
  position: relative;
}

#map_canvas img{
  max-width:none!important;
  background:none!important;
}


/**************************
********* _Tables **********
***************************/


.table{
	width: 100%;
	overflow-x:auto;
	border-bottom: 1px solid #e8e2da;
}

.table tr{
	border-bottom: 1px solid #f5f1eb;
	background-color: #ffffff;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.table .user-box a:hover{color: #c3aa68;}

.table tr:last-child{border-bottom: none;}

.table td,
.table th{
	text-align: right;
	padding:13px 17px;
}

.table td{
	font-size: 19px;
	color: #7e7b73;
}

.table th{
	font-family: 'Iran';
	font-size: 13px;
	color:#ffffff;
}

.table .table-header{background-color: #c3aa68;}

.table.earn-points{border-radius: 3px 3px 0 0 !important;}

.table.earn-points td{font-size: 15px;}

.table.earn-points td:first-child{
	color: #423f3b;
	font-size: 13px;
}

.table-filter{
	font-family: 'Iran-Medium';
	padding-left: 15px;
	cursor: pointer;
	background: url('../images/assets/arrow-down-black.png') no-repeat left 6px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.table-filter.active{background: url('../images/assets/arrow-up-black.png') no-repeat left center;}

.table.winner-table{border-radius: 3px;}
.table.winner-table tr:not(:first-child):hover{background-color: #fffcf7;}

.table.winner-table td:nth-child(1),
.table.winner-table th:nth-child(1),
.table.winner-table td:last-child,
.table.winner-table th:last-child{text-align: center;}

.winner-table-medium td:nth-child(2){font-size: 13px;}
.winner-table-medium td:nth-child(3){font-size: 17px;}

.action-table td{color: #423f3b !important;}
.action-table td:nth-child(1){font-size: 13px;}

.action-table th:nth-child(2),
.action-table td:nth-child(2){
	font-size: 15px;
	text-align: center;
}

.div-table .row{
	width: 100%;
	display: table;
}

.div-table .column{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding: 0 0 0 15px;
}

.column-5{width: 5%;}
.column-10{width: 10%;}
.column-15{width: 15%;}
.column-20{width: 20%;}
.column-25{width: 25%;}
.column-30{width: 30%;}
.column-35{width: 35%;}
.column-40{width: 40%;}
.column-45{width: 45%;}
.column-50{width: 50%;}
.column-55{width: 55%;}
.column-60{width: 60%;}
.column-65{width: 65%;}
.column-70{width: 70%;}
.column-75{width: 75%;}


/******************************
********* _Box Layout *********
*******************************/


.content{padding:20px 0;}

.section-wrapper{width: 100%;}
.section-wrapper::before{
	content: " ";
	display: table;
	clear: both;
}

.section-wrapper::after{
	content: " ";
	display: table;
	clear:both;
}

.card-box{margin-bottom: 20px;}
.card-box:last-child{margin-bottom: 0;}

.section{
	float: right;
	width: 100%;
}

.section.reverse{float: left;}

.section.centered{
	float: none;
	margin:auto;
}

.section-box{
	position: relative;
	width: 100%;
	padding:17px 20px;
	background-color: #ffffff;
	border-bottom: 1px solid #efe9e0;
	-webkit-box-shadow: 0 1px 1px #f5f0e7;
	-moz-box-shadow: 0 1px 1px #f5f0e7;
	box-shadow: 0 1px 1px #f5f0e7;
}

.section-box.solo{float: none;}

.section-box.large-padding{padding:30px;}
.section-box.normal-padding{padding:20px;}
.section-box.medium-padding{padding:10px;}
.section-box.small-padding{padding:5px;}

.section-box-title{
	display: block;
	overflow: hidden;
	padding: 17px 18px;
	background-color: #ffffff;
	border-bottom: 1px solid #f5f1eb;
}

.section-box-title.large-padding{padding: 13px 20px;}
.section-box-title.medium-padding{padding: 10px;}

.half-box{
	float: right;
	width: 48%;
	margin-right: 4%;
}

.half-box:nth-child(2n+1){margin-right: 0;}

.half-half-box{
	float: right;
	width: 25%;
}

.left-side{
	float: left;
	overflow: hidden;
}

.right-side{
	float: right;
	overflow: hidden;
}

.has-6-6-column > .section{
	width: 48.75%;
	margin-right: 2.5%;
}

.has-6-6-column > .section:nth-child(2n+1){margin-right: 0;}

.has-2-10-column > .section{
	width: 73.3%;
	margin-right: 1.7%;
}

.has-2-10-column > .section:nth-child(2n+1){
	width: 25%;
	margin-right: 0;
}

.has-10-2-column > .section{
	width: 19.2%;
	margin-right: 1.8%;
}

.has-10-2-column > .section:nth-child(2n+1){
	width: 79%;
	margin-right: 0;
}

.has-9-3-column > .section{
	width: 25%;
	margin-right: 1.6%;
}

.has-9-3-column > .section:nth-child(2n+1){
	width: 73.4%;
	margin-right: 0;
}

.has-3-9-column > .section{
	width: 60.8%;
	margin-right: 14.2%;
}

.has-3-9-column > .section:nth-child(2n+1){
	width: 25%;
	margin-right: 0;
}

.has-7-5-column > .section{
	width: 40.625%;
	margin-right: 2.5%;
}

.has-7-5-column > .section:nth-child(2n+1){
	width: 56.875%;
	margin-right: 0;
}

.has-4-4-4-column > .section{
	width: 31.66666666666667%;
	padding:0;
	margin-right: 2.5%;
}

.has-4-4-4-column > .section:nth-child(3n+1){margin-right: 0;}

.has-3-3-3-3-column > .section{
	float: right;
	width: 23.72%;
	padding:0;
	margin-right: 1.706%;
}

.has-3-3-3-3-column > .section:nth-child(4n+1){margin-right: 0;}

.horizontal-box{
	height: 151px;
	position: relative;
	padding-right: 255px;
}

.horizontal-box-image{
	position: absolute;
	top:0;
	right: 0;
	width: 255px;
	height: 100%;
}

.horizontal-box .section-box{height: 100%;}

.horizontal-box.large{
	height: 170px;
	padding-right: 290px;
}

.horizontal-box.large .horizontal-box-image{width: 290px;}
.horizontal-box.large .post-stats{padding-top:12px;}

.advertise img{display: block;}


/******************************
********* _Responsive *********
*******************************/



						/*            1200 Screen Start        */

@media only screen and (max-width: 1200px){

	.upload-image-inner-box span{
		width: 200px;
		margin-right: -100px;
	}

}

						/*            1200 Screen End        */

						/*            980px Screen Start        */

@media only screen and (max-width:980px){

	body{font-size: 11px;}
	h1{font-size:25px;}
	h2{font-size:20px;}
	h3{font-size:17px;}
	h4{font-size:14px;}
	h5{font-size:13px;}
	h6{font-size:12px;}

	.font-size-xlarge{font-size: 17px;}
	.font-size-large{font-size: 13px;}
	.font-size-medium{font-size: 12px;}
	.font-size-small{font-size: 10px;}

	.form-field-holder textarea{padding:15px 15px 27px 15px;}

	.content{padding:20px 10px;}

	.card-box{margin-bottom: 10px !important;}

	.section-box{padding:12px;}
	.section-box.large-padding{padding:20px;}
	.section-box.normal-padding{padding:15px;}
	.section-box.medium-padding{padding:8px;}
	.section-box.small-padding{padding:5px;}

	.has-6-6-column > .section,
	.has-9-3-column > .section,
	.has-3-9-column > .section,
	.has-7-5-column > .section,
	.has-4-4-4-column > .section,
	.has-10-2-column > .section,
	.has-2-10-column > .section{
		float: none !important;
		width: 100% !important;
		margin:0;
	}

	.has-3-3-3-3-column > .section{
		width: 48.75%;
		margin-right: 2.5%;
	}

	.has-3-3-3-3-column > .section:nth-child(4n+1){margin-right: 2.5%;}
	.has-3-3-3-3-column > .section:nth-child(2n+1){margin-right: 0;}

	.rspv.has-6-6-column > .section,
	.rspv.has-4-4-4-column > .section,
	.rspv.has-3-9-column > .section,
	.fix-rspv.has-6-6-column > .section{
		float: right !important;
		width: 48.75% !important;
		margin-right: 2.5% !important;
	}

	.rspv.has-6-6-column > .section:nth-child(2n+1),
	.rspv.has-4-4-4-column > .section:nth-child(2n+1),
	.rspv.has-3-9-column > .section:nth-child(2n+1),
	.fix-rspv.has-6-6-column > .section:nth-child(2n+1){margin-right: 0 !important;}

	.nav-toggle{display: block;}

	.table td,
	.table th{padding:8px;}

	.table td{font-size: 14px;}

	.table.responsive table{min-width: 0;}

	.table.responsive thead{display: none;}

	.table.responsive tr{
		display: block;
		margin-bottom: 20px;
	}

	.table.responsive td{
		position: relative;
		display: block;
		text-align: right !important;
		padding-right: 120px;
	}

	.table.responsive td::before{
		content:attr(th-data);
		position: absolute;
		right: 0;
		top:0;
		display: block;
		color:#ffffff;
		height: 100%;
		width: 100px;
		padding:8px 15px 0 0;
		background-color: #4e99a7;
	}

	.table.responsive p{display: none;}

	.breadcrumb ul{font-size: 16px;}
	
}

						/*            980px Screen End        */

						/*            860 Screen Start        */

@media only screen and (max-width:860px){

	.filter{margin-bottom: 30px;}

	.filter-items{float: none !important;}

	.filter input[type="search"]{
		display: block;
		width: 100%;
	}

	.filtering-boxes{display: block;}

	.filter .field-holder{
		float: right;
		display: block;
		width: 49%;
		margin:15px 2% 15px 0;
	}

	.filter .field-holder:nth-child(2n+1){margin-right: 0}

	.filter .count {
		padding-top: 0; 
	    margin-top: -21px;
	}

	.filter input[type="submit"]{
		min-width: 100%;
		margin-bottom:15px;
	}

}

						/*            860 Screen End        */

						/*            740 Screen Start        */

@media only screen and (max-width:740px){

	input,
	textarea,
	select{font-size: 16px !important;}

	input[type="submit"]{font-size: 12px !important;}

	.has-padding{padding:20px;}
	.has-top-padding{padding-top:20px;}
	.has-bottom-padding{padding-bottom:20px;}
	.has-left-padding{padding-left:20px;}
	.has-right-padding{padding-right:20px;}
	.has-x-padding{padding:0 20px;}
	.has-y-padding{padding:20px 0;}

	.has-medium-padding{padding:15px;}
	.has-medium-top-padding{padding-top:15px;}
	.has-medium-bottom-padding{padding-bottom:15px;}
	.has-medium-left-padding{padding-left:15px;}
	.has-medium-right-padding{padding-right:15px;}
	.has-medium-x-padding{padding:0 15px;}
	.has-medium-y-padding{padding:15px 0;}

	.has-margin{margin:20px;}
	.has-top-margin{margin-top:20px;}
	.has-bottom-margin{margin-bottom:20px;}
	.has-left-margin{margin-left:20px;}
	.has-right-margin{margin-right:20px;}
	.has-x-margin{margin:0 20px;}
	.has-y-margin{margin:20px 0;}

	.has-medium-top-margin{margin-top:15px;}
	.has-medium-bottom-margin{margin-bottom:15px;}
	.has-medium-left-margin{margin-left:15px;}
	.has-medium-right-margin{margin-right:15px;}
	.has-medium-x-margin{margin:0 15px;}
	.has-medium-y-margin{margin:15px 0;}

}

						/*            740 Screen End        */	

						/*            640 Screen Start        */

@media only screen and (max-width:640px){

	.has-3-3-3-3-column > .section{
		float: none !important;
		width: 100% !important;
		margin-right: 0;
	}

	.pagination{padding:20px 0;}

	.pagination ul li a{
		width: 30px;
		height: 30px;
		line-height: 31px;
		font-size: 13px;
	}

}

						/*            640 Screen End        */											

						/*            560 Screen Start        */						

@media only screen and (max-width: 560px){

	h1{font-size:20px;}
	h2{font-size:17px;}
	h3{font-size:15px;}
	h4{font-size:14px;}

	input[type="search"]{background-position-x:97%;}

	.rspv.has-6-6-column > .section,
	.rspv.has-4-4-4-column > .section,
	.rspv.has-3-9-column > .section{
		float: none !important;
		width: 100% !important;
		margin:0 !important;
	}

	.rspv.has-6-6-column > .card-box,
	.rspv.has-4-4-4-column > .card-box,
	.rspv.has-3-9-column > .card-box{margin-bottom: 10px !important;}

	.section-box.form{padding-top:60px;}

	.filter .field-holder{
		float: none !important;
		width: 100% !important;
		margin-right: 0;
	}

	.status-box{
		top:20px;
		right: 20px;
	}

	.inline-upload{padding-top:90px;}

	.file-name{
		top:59px;
		right:0;
	}

	.form-box{max-width: 300px;}

	a.close{
		top:-12px;
		left:-5px;
	}

	.breadcrumb ul{font-size: 14px;}

}

						/*            560 Screen End        */

						/*            400 Screen Start        */

@media only screen and (max-width:400px){



}

						/*            400 Screen End        */