@charset "UTF-8";
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: url('../fonts/IRANSansWeb(FaNum).eot');
	src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'), url('../fonts/IRANSansWeb(FaNum).woff') format('woff'), url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype')
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
	src: url('../fonts/IRANSansWeb(FaNum)_Bold.eot');
	src: url('../fonts/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), url('../fonts/IRANSansWeb(FaNum)_Bold.woff') format('woff'), url('../fonts/IRANSansWeb(FaNum)_Bold.ttf') format('truetype')
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	font-display: fallback;
	src: url('../fonts/IRANSansWeb(FaNum)_Medium.eot');
	src: url('../fonts/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), url('../fonts/IRANSansWeb(FaNum)_Medium.woff') format('woff'), url('../fonts/IRANSansWeb(FaNum)_Medium.ttf') format('truetype')
}

address,
article,
aside,
blockquote,
body,
div,
em,
figure,
footer,
header,
hgroup,
html,
img,
li,
nav,
ol,
p,
section,
span,
td,
th,
time,
tr,
ul,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit
}

a,
a:visited {
	color: #3190af;
	text-decoration: none
}

a:hover {
	color: #00a6ca
}

* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

img {
	border: 0
}

body.has-menu-active,
html.has-menu-active {
	height: 100%;
	overflow: hidden
}

body {
	background: #fff;
	padding: 0;
	margin: 0;
	font: 13px IRANSans, arial, tahoma;
	color: #525252;
	text-align: right;
	direction: rtl
}

body.gray {
	background: #fafafa;
}
body.gray-single {
	background: #f6f6f6;
}
input,
select,
textarea {
	font: 13px IRANSans, tahoma;
	font-weight:500;
	outline: 0
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
select,
textarea {
	width: 100%;
	height: 40px;
	background: #fff;
	border:1px solid #d7d7d7;
	display: block;
	padding:0 10px;
	text-align: right;
	direction: rtl;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus{
	background:#f6f6f6;
}
:-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder {
	color: #464646;
	opacity: 1
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:active,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
	-webkit-text-fill-color: #464646;
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s
}

select {
	background:#fff url(../images/arrow-down.png) no-repeat 15px 16px !important;
	background-size:15px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer
}

input[type=email] {
	text-align: left;
	direction: ltr
}

input[type=checkbox],
input[type=radio] {
	display: none
}

label.checkbox,
label.radio {
	padding-right: 16px;
	cursor: pointer;
	position: relative
}

label.checkbox:before,
label.radio:before {
	width:11px;
	height:11px;
	background:#fff;
	overflow:hidden;
	content: '';
	display:block;
	border:1px solid #b1b1b1;
	border-radius:3px;
	
	position: absolute;
	top: 4px;
	right: 0
}

label.checkbox.checked:before,
label.radio.checked:before {
	background:#5cc2c5 url('../images/tick.svg') no-repeat center;
	background-size:80%;
	border-color:#5cc2c5;
}

.clear {
	clear: both
}

.display-none {
	display: none!important
}

.overflow-hidden {
	overflow: hidden!important
}

.box-sizing {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.alignnone {
	margin: 0 auto;
	display: block
}

.radius3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px
}

.radius5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px
}

.radius10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px
}

.radius15 {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px
}

.radius50 {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px
}

.radius100 {
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-khtml-border-radius: 100%;
	border-radius: 100%
}

.margin-top0 {
	margin-top: 0!important
}
.margin-top10 {
	margin-top: 10px!important
}
.margin-top20 {
	margin-top: 20px!important
}
.margin-top30 {
	margin-top: 30px!important
}
.margin-top40 {
	margin-top: 40px!important
}
.margin-top50 {
	margin-top: 50px!important
}
.margin-top60 {
	margin-top: 60px!important
}
.margin-top70 {
	margin-top: 70px!important
}
.margin-top80 {
	margin-top: 80px!important
}
.margin-top90 {
	margin-top: 90px!important
}
.margin-top100 {
	margin-top: 100px!important
}
.margin-bottom0 {
	margin-bottom: 0!important
}
.margin-bottom10 {
	margin-bottom: 10px!important
}
.margin-bottom20 {
	margin-bottom: 20px!important
}
.margin-bottom30 {
	margin-bottom: 30px!important
}
.margin-bottom40 {
	margin-bottom: 40px!important
}
.margin-bottom50 {
	margin-bottom: 50px!important
}
.margin-bottom60 {
	margin-bottom: 60px!important
}
.margin-bottom70 {
	margin-bottom: 70px!important
}
.margin-bottom80 {
	margin-bottom: 80px!important
}
.margin-bottom90 {
	margin-bottom: 90px!important
}
.margin-bottom100 {
	margin-bottom: 100px!important
}

.margin-left0 {
	margin-left: 0!important
}

.border-bottom0 {
	border-bottom: 0!important
}

.padding-top0 {
	padding-top: 0!important
}
.padding-top10 {
	padding-top: 10px!important
}
.padding-top20 {
	padding-top: 20px!important
}
.padding-top30 {
	padding-top: 30px!important
}
.padding-top40 {
	padding-top: 40px!important
}
.padding-top50 {
	padding-top: 50px!important
}
.padding-top60 {
	padding-top: 60px!important
}
.padding-top70 {
	padding-top: 70px!important
}
.padding-top80 {
	padding-top: 80px!important
}
.padding-top90 {
	padding-top: 90px!important
}
.padding-top100 {
	padding-top: 100px!important
}
.padding-bottom0 {
	padding-bottom: 0!important
}
.padding-bottom10 {
	padding-bottom: 10px!important
}
.padding-bottom20 {
	padding-bottom: 20px!important
}
.padding-bottom30 {
	padding-bottom: 30px!important
}
.padding-bottom40 {
	padding-bottom: 40px!important
}
.padding-bottom50 {
	padding-bottom: 50px!important
}
.padding-bottom60 {
	padding-bottom: 60px!important
}
.padding-bottom70 {
	padding-bottom: 70px!important
}
.padding-bottom80 {
	padding-bottom: 80px!important
}
.padding-bottom90 {
	padding-bottom: 90px!important
}
.padding-bottom100 {
	padding-bottom: 100px!important
}

.width50 {
	width: 50px!important
}

.width60 {
	width: 60px!important
}

.width70 {
	width: 70px!important
}

.width80 {
	width: 80px!important
}

.width100 {
	width: 100px!important
}

.width120 {
	width: 120px!important
}

.width150 {
	width: 150px!important
}

.ease,
.ease:after,
.ease:before {
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.ease1,
.ease1:after,
.ease1:before {
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out
}
.ease1s,
.ease1s:after,
.ease1s:before {
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out
}

.btn {
	min-width: 90px;
	min-height: 36px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 36px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.btn.blue {
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -moz-linear-gradient(90deg, #330d69, #30c9cd);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -webkit-linear-gradient(90deg, #330d69, #30c9cd);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -o-linear-gradient(90deg, #330d69, #30c9cd);
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #330d69, #30c9cd);
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: none;
	border: solid 1px transparent!important;
	color: #fff
}

.btn.blue:hover {
	-moz-box-shadow: 2px 1000px 1px #fff inset;
	-webkit-box-shadow: 2px 1000px 1px #fff inset;
	box-shadow: 2px 1000px 1px #fff inset;
	color: #31719e
}

.btn.green {
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -moz-linear-gradient(130deg, #0cdb20, #00a313);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -webkit-linear-gradient(130deg, #0cdb20, #00a313);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -o-linear-gradient(130deg, #0cdb20, #00a313);
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(130deg, #0cdb20, #00a313);
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: none;
	border: solid 1px transparent!important;
	color: #fff
}

.btn.green:hover {
	-moz-box-shadow: 2px 1000px 1px #fff inset;
	-webkit-box-shadow: 2px 1000px 1px #fff inset;
	box-shadow: 2px 1000px 1px #fff inset;
	color: #00a313
}

.btn.orange {
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -moz-linear-gradient(130deg, #ff8921, #eb4900);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -webkit-linear-gradient(130deg, #ff8921, #eb4900);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -o-linear-gradient(130deg, #ff8921, #eb4900);
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(130deg, #ff8921, #eb4900);
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: none;
	border: solid 1px transparent;
	color: #fff
}

.btn.orange:hover {
	-moz-box-shadow: 2px 1000px 1px #fff inset;
	-webkit-box-shadow: 2px 1000px 1px #fff inset;
	box-shadow: 2px 1000px 1px #fff inset;
	color: #ff8921
}

.btn.yellow {
	background-image: -moz-linear-gradient(130deg, #f4e91b, #fbaf18);
	background-image: -webkit-linear-gradient(130deg, #f4e91b, #fbaf18);
	background-image: -o-linear-gradient(130deg, #f4e91b, #fbaf18);
	background-image: linear-gradient(130deg, #f4e91b, #fbaf18);
	border: 0;
	color: #fff
}

.btn.yellow:hover {
	background-image: -moz-linear-gradient(130deg, #f4e91b, #f5a80e);
	background-image: -webkit-linear-gradient(130deg, #f4e91b, #f5a80e);
	background-image: -o-linear-gradient(130deg, #f4e91b, #f5a80e);
	background-image: linear-gradient(130deg, #f4e91b, #f5a80e);
	color: #fff
}

.btn.white {
	background-color: #fff;
	border: 1px solid #b0b0b0;
	color: #5a5a5a
}

.btn.white:hover {
	background-color: #f8f8f8;
	border: 1px solid #a8a8a8
}

.btn.white-green {
	background-color: #fff;
	border: 1px solid #06c01a;
	color: #06c01a
}

.btn.white-green:hover {
	background-color: #06c01a;
	color: #fff
}

.btn.white-blue {
	background-color: #fff;
	border: 1px solid #009fa4;
	color: #009fa4
}

.btn.white-blue:hover {
	background-color: #009fa4;
	color: #fff
}

.text.ltr {
	direction: ltr!important
}

.text.success {
	color: #41c25a
}

.text.warning {
	color: #fcac00
}

.text.error {
	color: #eb4f50
}

.text.gray {
	color: #9e9e9e
}

.text.white {
	color: #fff
}

.text.blue {
	color: #00b4bb
}

.text.green {
	color: #41c25a
}

.text.orange {
	color: #f9901f
}

.text.red {
	color: #f11616
}

.text.center {
	text-align: center!important
}

.background.green ,
.background.success {
	background-color: #f1ffeb;
	border-color:#c4e0b8;
	color:#5a9341;
}

.background.green a,
.background.success a{
	color:#25630a;
}

.background.orange ,
.background.warning {
	background-color:#fffbeb;
	border-color:#e6dfbb;
	color:#8b730e;
}

.background.orange a,
.background.warning a{
	color:#5b4a05;
}

.background.red ,
.background.error {
	background-color: #ffedeb;
	border-color:#e5c8c5;
	color:#ae5147;
}

.background.red a,
.background.error a{
	color:#9d281c;
}

.background.gray {
	background-color: #f5f5f5;
	border-color:#ccc;
}

.background.gray a{
	color:#333;
}

.background.blue {
	background-color: #ebfbff;
	border-color:#b8d6e0;
	color:#417593;
}
.background.blue a{
	color:#155478;
}

.white-space {
	white-space: pre-line
}

.pagewrapper {
	width: 100%
}

.pagewrapper .container {
	width: 1200px;
	margin: 0 auto
}

.pagewrapper .part-title {
	width: 100%;
	overflow: hidden;
	display: block;
	margin-bottom: 36px;
	text-align: center
}
.pagewrapper .part-title.right {
	min-height:40px;
	margin-bottom:30px;
	text-align:right;
	position:relative;
	overflow:visible;
}
.pagewrapper .part-title.right:before{
	width:100%;
	height:1px;
	border-top:1px solid #cbcbcb;
	display:block;
	content:'';
	
	position:absolute;
	top:20px;
	left:0;
	z-index:0;
}
.pagewrapper .part-title h1,
.pagewrapper .part-title h2 {
	font-size: 20px;
	color: #676767;
	font-weight: 400;
	display: inline-block;
	overflow: hidden;
	padding: 0 15px 10px;
	border-bottom: 2px solid #d6d6d6
}
.pagewrapper .part-title.landing h1{
	color: #000;
	font-weight: 700;
}
.pagewrapper .part-title.right h1,
.pagewrapper .part-title.right h2,
.pagewrapper .part-title.right p {
	width:auto;
	background:#fafafa;
	float:right;
	font-size: 16px;
	line-height:40px;
	color: #464646;
	font-weight: bold;
	padding: 0 15px;
	margin:0;
	border:0;
	
	position:relative;
	z-index:1;
}
.pagewrapper .part-title.right .go-archive-wrapper{
	width:auto;
	display:inline-block;
	padding-right:15px;
	background:#fafafa;
	float:left;
	position:relative;
	z-index:1;
}
.pagewrapper .part-title.right .go-archive{
	min-width:auto;
	display:inline-block;
	float:left;
	font-size: 14px;
	line-height:35px;
	color: #464646;
	padding:0 15px;
}
.pagewrapper .part-title.right .go-archive:hover{
	color:#000;
}
.pagewrapper .content {
	width: 100%;
	line-height: 30px
}

@media only screen and (max-width:1240px) {
	.pagewrapper .container {
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px)
	}
}

.input-box {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative
}

.input-box.col-2 {
	width: -webkit-calc(100% / 2 - 15px);
	width: -moz-calc(100% / 2 - 15px);
	width: calc(100% / 2 - 15px);
	margin-left: 30px;
	float: right
}

.input-box.col-3 {
	width: -webkit-calc(100% / 3 - 20px);
	width: -moz-calc(100% / 3 - 20px);
	width: calc(100% / 3 - 20px);
	margin-left: 30px;
	float: right
}

.input-box.col-2:nth-child(even),
.input-box.col-3:nth-child(3n) {
	margin-left: 0
}

.input-box label{
	line-height:30px;
}
.input-box label.rtl{
	text-align:right !important;
	display:block;
}
.input-box label span.required{
	color:#ff0000;
	vertical-align:middle;
}

.input-box textarea {
	height: 100px;
	padding-top:10px;
}

.input-box select {
	text-align: right;
	direction: rtl
}

.input-box.ltr input {
	text-align: left;
	direction: ltr
}

.input-box input[type=checkbox],
.input-box input[type=radio] {
	display: none
}

.input-box-file {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px
}
.input-box-file label span.required{
	color:#ff0000;
	vertical-align:middle;
}
.input-box-file.col-2 {
	width: -webkit-calc(100% / 2 - 15px);
	width: -moz-calc(100% / 2 - 15px);
	width: calc(100% / 2 - 15px);
	margin-left: 30px;
	float: right
}

.input-box-file.col-2:nth-child(even) {
	margin-left: 0
}

.input-box-file label {
	height: 23px;
	background: #fff;
	pointer-events: none;
	color: #6d6a6a;
	line-height: 23px;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.input-box-file .caption {
	font-size: 12px;
	color: #f9901f
}

@media only screen and (max-width:580px) {
	.input-box.col-3 {
		width: 100%;
		margin-left: 0;
		float: none
	}
	.input-box-file.col-2 {
		width: 100%;
		margin-left: 0;
		margin-bottom: 15px;
		float: none
	}
}

@media only screen and (max-width:500px) {
	.input-box.col-2 {
		width: 100%;
		margin-left: 0;
		float: none
	}
}

.page-top-notice {
	background-image: -moz-linear-gradient(90deg, #30c9cd, #330d69);
	background-image: -webkit-linear-gradient(90deg, #30c9cd, #330d69);
	background-image: -o-linear-gradient(90deg, #30c9cd, #330d69);
	background-image: linear-gradient(90deg, #30c9cd, #330d69)
}

.page-top-notice .container {
	padding: 20px 0;
	font-size: 14px;
	color: #fff;
	line-height: 25px
}

.page-top-notice .container.membership {
	padding: 10px 0;
	font-size: 16px;
	text-align: center
}

.page-top-notice svg {
	width: 25px;
	height: 25px;
	float: right;
	margin-top: 3px;
	margin-left: 10px;
	cursor: pointer;
	fill: #fff
}

.page-top-notice a {
	border: 2px solid #fff;
	display: inline-block;
	padding: 2px 15px;
	margin-right: 10px;
	color: #fff
}

.page-top-notice a:hover {
	background: #fff;
	color: #00b4bb
}

#page-top-action {
	background: #fff;
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
	position: relative;
	top: 0;
	left: 0;
	z-index: 1
}

#page-top-action.disable-shadow{
	-webkit-box-shadow:unset;
	-moz-box-shadow:unset;
	box-shadow:unset;
}

#page-top-action.fixed {
	position: fixed;
	z-index: 9999;
	
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
}

#page-top-action .container {
	height: 60px;
	overflow:hidden;
}
#page-top-action.search-active .container {
	height:109px;
}

#page-top-action .responsive-button {
	width: 25px;
	height: 25px;
	overflow: hidden;
	display: none;
	cursor: pointer;
	float: right;
	margin: 17.5px 0 0 0;
	position: relative
}

#page-top-action .responsive-button .line {
	width: 25px;
	height: 3px;
	background: #a3a3a3;
	position: absolute;
	top: 5px;
	left: 0
}

#page-top-action .responsive-button .line:nth-child(2) {
	top: 12px
}

#page-top-action .responsive-button .line:nth-child(3) {
	top: 19px
}

#page-top-action .responsive-button.selected .line {
	background: #2d9ad2
}

#page-top-action .responsive-button.selected .line:nth-child(1) {
	top: 11.5px;
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

#page-top-action .responsive-button.selected .line:nth-child(2) {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0)
}

#page-top-action .responsive-button.selected .line:nth-child(3) {
	top: 11.5px;
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}
#page-top-action .logo {
	max-width: 100%;
	height: auto;
	float: right;
	margin-top: 13px
}

#page-top-action .user-action {
	float: left
}
#page-top-action .user-action .register {
	width: 130px;
	float: left;
	margin-top: 12px;
	margin-right: 20px;
	font-size: 15px
}
#page-top-action .user-action .membership {
	width: 116px;
	float: left;
	margin-top: 12px;
	margin-right: 10px
}
#page-top-action .user-action .user-icon {
	width: 34px;
	height: 36px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	margin-top: 12px;
	margin-right: 10px;
	position: relative
}
#page-top-action .user-action .user-icon .icon-user-svg {
	width: 34px;
	height: 36px;
	fill: #717171;
	float: left
}
#page-top-action .user-action .user-icon .icon-approval-svg {
	width:14px;
	height:14px;
	background:#fff;
	fill: #01b9bf;
	
	position: absolute;
	bottom: 5px;
	right: 0;
	z-index: 1
}
#page-top-action .user-action .user-icon .count {
	width: 15px;
	height: 15px;
	background: #f9901f;
	overflow: hidden;
	display: none;
	font-size: 12px;
	color: #fff;
	line-height: 15px;
	text-align: center;
	position: absolute;
	bottom: 5px;
	right: 0;
	z-index: 1
}
#page-top-action .user-action .user-icon.has-ticket .count {
	display: inline-block
}
#page-top-action .user-action .notification {
	width: 33px;
	height: 33px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	margin-top: 12px;
	margin-right: 10px;
	position: relative
}
@keyframes shake-rotate {
	2% {
		transform: translate(0, 0) rotate(5.5deg)
	}
	4% {
		transform: translate(0, 0) rotate(.5deg)
	}
	6% {
		transform: translate(0, 0) rotate(4.5deg)
	}
	8% {
		transform: translate(0, 0) rotate(1.5deg)
	}
	10% {
		transform: translate(0, 0) rotate(4.5deg)
	}
	12% {
		transform: translate(0, 0) rotate(4.5deg)
	}
	14% {
		transform: translate(0, 0) rotate(-6.5deg)
	}
	16% {
		transform: translate(0, 0) rotate(6.5deg)
	}
	18% {
		transform: translate(0, 0) rotate(-5.5deg)
	}
	20% {
		transform: translate(0, 0) rotate(-5.5deg)
	}
	22% {
		transform: translate(0, 0) rotate(-3.5deg)
	}
	24% {
		transform: translate(0, 0) rotate(-5.5deg)
	}
	26% {
		transform: translate(0, 0) rotate(-6.5deg)
	}
	28% {
		transform: translate(0, 0) rotate(-3.5deg)
	}
	30% {
		transform: translate(0, 0) rotate(1.5deg)
	}
	32% {
		transform: translate(0, 0) rotate(-1.5deg)
	}
	34% {
		transform: translate(0, 0) rotate(-4.5deg)
	}
	36% {
		transform: translate(0, 0) rotate(6.5deg)
	}
	38% {
		transform: translate(0, 0) rotate(2.5deg)
	}
	40% {
		transform: translate(0, 0) rotate(6.5deg)
	}
	42% {
		transform: translate(0, 0) rotate(3.5deg)
	}
	44% {
		transform: translate(0, 0) rotate(-1.5deg)
	}
	46% {
		transform: translate(0, 0) rotate(.5deg)
	}
	48% {
		transform: translate(0, 0) rotate(1.5deg)
	}
	50% {
		transform: translate(0, 0) rotate(-6.5deg)
	}
	52% {
		transform: translate(0, 0) rotate(-6.5deg)
	}
	54% {
		transform: translate(0, 0) rotate(-5.5deg)
	}
	56% {
		transform: translate(0, 0) rotate(2.5deg)
	}
	58% {
		transform: translate(0, 0) rotate(4.5deg)
	}
	60% {
		transform: translate(0, 0) rotate(7.5deg)
	}
	62% {
		transform: translate(0, 0) rotate(-1.5deg)
	}
	64% {
		transform: translate(0, 0) rotate(7.5deg)
	}
	66% {
		transform: translate(0, 0) rotate(7.5deg)
	}
	68% {
		transform: translate(0, 0) rotate(-3.5deg)
	}
	70% {
		transform: translate(0, 0) rotate(2.5deg)
	}
	72% {
		transform: translate(0, 0) rotate(2.5deg)
	}
	74% {
		transform: translate(0, 0) rotate(-4.5deg)
	}
	76% {
		transform: translate(0, 0) rotate(-1.5deg)
	}
	78% {
		transform: translate(0, 0) rotate(-4.5deg)
	}
	80% {
		transform: translate(0, 0) rotate(5.5deg)
	}
	82% {
		transform: translate(0, 0) rotate(-4.5deg)
	}
	84% {
		transform: translate(0, 0) rotate(-2.5deg)
	}
	86% {
		transform: translate(0, 0) rotate(2.5deg)
	}
	88% {
		transform: translate(0, 0) rotate(3.5deg)
	}
	90% {
		transform: translate(0, 0) rotate(-1.5deg)
	}
	92% {
		transform: translate(0, 0) rotate(6.5deg)
	}
	94% {
		transform: translate(0, 0) rotate(-1.5deg)
	}
	96% {
		transform: translate(0, 0) rotate(3.5deg)
	}
	98% {
		transform: translate(0, 0) rotate(.5deg)
	}
	0%,
	100% {
		transform: translate(0, 0) rotate(0)
	}
}
#page-top-action .user-action .notification.has-notification {
	animation-name: shake-rotate;
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-play-state: running;
	transform-origin: center center
}

#page-top-action .user-action .notification svg {
	width:28px;
	height:28px;
	fill: #cbcbcb;
	float: left;
	margin-top: 5px
}

#page-top-action .user-action .notification.has-notification svg {
	fill: #717171
}

#page-top-action .user-action .notification .count {
	width: 15px;
	height: 15px;
	background: #f9901f;
	overflow: hidden;
	display: none;
	font-size: 12px;
	color: #fff;
	line-height: 15px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1
}

#page-top-action .user-action .notification.has-notification .count {
	display: inline-block
}
#page-top-action .user-action .search-btn {
	width: 28px;
	height: 33px;
	display:none;
	overflow: hidden;
	float: left;
	cursor: pointer;
	margin-top: 12px;
	margin-right: 10px;
}
#page-top-action .user-action .search-btn svg {
	width: 32px;
	height: 36px;
	float: left;
}
#page-top-action.search-active .user-action .search-btn svg {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0);
}

#page-top-action #search-top-main,
#page-top-action #search-top {
	width: 100%;
	height: 37px;
	background: #fff;
	border:1px solid #dadada;
	float:right;
	margin-top:11px;
	position: relative;
}
#page-top-action #search-top-main{
	width:500px;
	background:#f8f7f7;
	margin-right:10px;
}
#page-top-action #search-top-main .btn-gradient,
#page-top-action #search-top .btn-gradient{
	width: 50px;
	height: 35px;
	display:inline-block;
	
	background-image: -moz-linear-gradient(130deg, #ff8921, #eb4900);
	background-image: -webkit-linear-gradient(130deg, #ff8921, #eb4900);
	background-image: -o-linear-gradient(130deg, #ff8921, #eb4900);
	background-image: linear-gradient(130deg, #ff8921, #eb4900);
	
	-moz-border-radius: 50px 0 0 50px;
	-webkit-border-radius: 50px 0 0 50px;
	-khtml-border-radius: 50px 0 0 50px;
	border-radius: 50px 0 0 50px;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}
#page-top-action #search-top-main .btn-gradient{
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-khtml-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}
#page-top-action #search-top-main .btn-icon,
#page-top-action #search-top .btn-icon {
	width:28px;
	height:28px;
	
	position: absolute;
	top: 4px;
	left: 13px;
	z-index: 1
}

#page-top-action #search-top-main input[type=submit],
#page-top-action #search-top input[type=submit] {
	width: 50px;
	height: 35px;
	cursor: pointer;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

#page-top-action #search-top-main .input-text,
#page-top-action #search-top .input-text {
	width: -moz-calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	width: calc(100% - 70px);
	height: 35px;
	float: right;
	margin: 0 15px;
	border: 0;
	line-height: 35px;
	color: #848484
}
#page-top-action #search-top-main .input-text{
	background:#f8f7f7;
}
#page-top-action #search-top-main .input-text:-webkit-autofill,
#page-top-action #search-top-main .input-text:-webkit-autofill:active,
#page-top-action #search-top-main .input-text:-webkit-autofill:focus,
#page-top-action #search-top-main .input-text:-webkit-autofill:hover{
	-webkit-text-fill-color: #666;
	-webkit-box-shadow: 0 0 0 1000px #f8f7f7 inset;
	transition: background-color 5000s ease-in-out 0s
}
@media only screen and (max-width:1117px) {
	#page-top-action .responsive-button {
		display: block;
		margin-left: 8px
	}
}
@media only screen and (max-width:1024px) {
	#page-top-action .user-action .search-btn {
		display:block;
	}
	#page-top-action .user-action .notification {
		display:none;
	}
	#page-top-action #search-top-main {
		display:none;
	}
}
@media only screen and (max-width:385px) {
	#page-top-action .logo {
		max-width: 53px;
		margin-top: 22px
	}
}
#main-navigation {
	height: 55px;
	background: #fff;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3
}
#main-navigation.has-shadow{
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
	
	border-top:0;
	border-bottom:0;
}

#main-navigation ul {
	height: 56px;
	list-style: none;
	padding: 0
}

#main-navigation ul>li {
	height: 60px;
	position: relative;
	float: right;
	margin-left: 20px
}

#main-navigation ul>li:last-child {
	margin-left: 0
}

#main-navigation ul>li>a,
#main-navigation ul>li>span{
	height: 56px;
	background: #fff;
	display: block;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 500;
	color: #525252;
	line-height: 55px;
	border-bottom: 1px solid #d3d3d3;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

#main-navigation ul>li.current-menu-item>a,
#main-navigation ul>li.current_page_item>a,
#main-navigation ul>li:hover>a,
#main-navigation ul>li>a:hover,
#main-navigation ul>li.current-menu-item>span,
#main-navigation ul>li.current_page_item>span,
#main-navigation ul>li:hover>span,
#main-navigation ul>li>span:hover {
	border-bottom-width: 2px;
	border-bottom-color: #00b4bb
}

#main-navigation ul>li>ul {
	width: 320px;
	height: auto;
	max-height:400px;
	background: #fff;
	overflow:hidden;
	overflow-x:hidden !important;
	overflow-y:auto;
	display: none;
	padding: 0 0 15px 0;
	border: 1px solid #d3d3d3;
	
	-moz-border-radius:0 0 15px 15px;
	-webkit-border-radius:0 0 15px 15px;
	border-radius:0 0 15px 15px;
	
	-webkit-box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, .09);
	-moz-box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, .09);
	box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, .09);
	
	position: absolute;
	top: 55px;
	right: 0;
	z-index: 10
}

#main-navigation ul>li:hover>ul {
	display: block
}
#main-navigation ul>li>ul>li {
	width: 100%;
	height: auto;
	margin: 0;
	padding:0;
}

#main-navigation ul>li>ul>li>a,
#main-navigation ul>li>ul>li>span{
	width: 100%;
	height: auto;
	min-height:37px;
	background: #fff;
	padding: 0 22px 0 0;
	margin:0;
	text-align: right;
	font-weight: 400;
	line-height: 37px;
	color: #8e8e8e;
	border: 0;
	border-right:2px solid #fff;
	position: relative
}
#main-navigation ul>li>ul>li>a:before,
#main-navigation ul>li>ul>li>span:before{
	width: 4px;
	height: 4px;
	background: #c5c5c5;
	content: ' ';
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-khtml-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: 16.5px;
	right: 9px
}

#main-navigation ul>li>ul>li .arrow-button{
	width: 37px;
	height: 37px;
	background: #eee;
	overflow: hidden;
	display: block;
	content: '▼';
	cursor: pointer;
	font-size: 10px;
	color: #666;
	text-align: center;
	line-height: 37px;
	direction: ltr;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:20;
}
#main-navigation ul>li>ul>li .arrow-button:before{
	display:block;
	content: '▼';
	
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	position:absolute;
	top:50%;
	left:50%;
}
#main-navigation ul>li>ul>li.has-child-open>.arrow-button:before{
	content: '▲';
}

#main-navigation ul>li>ul>li.current-menu-item>a,
#main-navigation ul>li>ul>li.current_page_item>a,
#main-navigation ul>li>ul>li:hover>a,
#main-navigation ul>li>ul>li>a:hover,
#main-navigation ul>li>ul>li.current-menu-item>span,
#main-navigation ul>li>ul>li.current_page_item>span,
#main-navigation ul>li>ul>li:hover>span,
#main-navigation ul>li>ul>li>span:hover{
	color: #008ac5;
	border-right-color:#30aabd;
	
	background-image: -moz-linear-gradient(right, #efefef, #fff);
	background-image: -webkit-linear-gradient(right, #efefef, #fff);
	background-image: -o-linear-gradient(right, #efefef, #fff);
	background-image: linear-gradient(right, #efefef, #fff);
}

#main-navigation ul>li>ul>li.current-menu-item>a:before,
#main-navigation ul>li>ul>li.current_page_item>a:before,
#main-navigation ul>li>ul>li:hover>a:before,
#main-navigation ul>li>ul>li>a:hover:before,
#main-navigation ul>li>ul>li.current-menu-item>span:before,
#main-navigation ul>li>ul>li.current_page_item>span:before,
#main-navigation ul>li>ul>li:hover>span:before,
#main-navigation ul>li>ul>li>span:hover:before {
	background: #30aabd
}

#main-navigation ul>li>ul>li.current-menu-item>a:after,
#main-navigation ul>li>ul>li.current_page_item>a:after,
#main-navigation ul>li>ul>li:hover>a:after,
#main-navigation ul>li>ul>li>a:hover:after,
#main-navigation ul>li>ul>li.current-menu-item>span:after,
#main-navigation ul>li>ul>li.current_page_item>span:after,
#main-navigation ul>li>ul>li:hover>span:after,
#main-navigation ul>li>ul>li>span:hover:after {
	color: #30aabd
}

#main-navigation ul>li>ul>li:hover>ul {
	display: block
}

#main-navigation ul>li>ul>li>ul {
	max-height:unset;
	display:none;
	padding:0;
	border:0;
	overflow:hidden;
	
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	box-shadow: unset;
	
	position:relative;
	top:0;
}
#main-navigation ul>li>ul>li:hover>ul{
	display:none;
}
#main-navigation ul>li>ul>li>ul>li>a {
	padding-right:28px;
}
#main-navigation ul>li>ul>li>ul>li>a:before {
	right: 15px
}
#main-navigation ul>li>ul>li>ul>li>ul>li>a {
	padding-right:34px;
}
#main-navigation ul>li>ul>li>ul>li>ul>li>a:before {
	right: 21px
}
#main-navigation ul>li>ul>li>ul>li>ul>li>ul>li>a {
	padding-right:40px;
}
#main-navigation ul>li>ul>li>ul>li>ul>li>ul>li>a:before {
	right: 27px
}
#main-navigation ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {
	padding-right:46px;
}
#main-navigation ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a:before {
	right: 33px
}

#main-navigation .responsive-button {
	width: 25px;
	height: 25px;
	overflow: hidden;
	display: none;
	cursor: pointer;
	margin-top: -13px;
	position: relative;
	top: 50%;
	right: 10px
}

#main-navigation .responsive-button .line {
	width: 25px;
	height: 3px;
	background: #a3a3a3;
	position: absolute;
	top: 5px;
	left: 0
}

#main-navigation .responsive-button .line:nth-child(2) {
	top: 12px
}

#main-navigation .responsive-button .line:nth-child(3) {
	top: 19px
}

#main-navigation .responsive-button.selected .line {
	background: #2d9ad2
}

#main-navigation .responsive-button.selected .line:nth-child(1) {
	top: 11.5px;
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

#main-navigation .responsive-button.selected .line:nth-child(2) {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0)
}

#main-navigation .responsive-button.selected .line:nth-child(3) {
	top: 11.5px;
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

@media only screen and (max-width:1117px) {
	#main-navigation {
		display: none
	}
}

.user-loged-in-box {
	width: 290px;
	height: 300px;
	background: #fff;
	overflow: hidden;
	padding: 10px 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0);
	-webkit-box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, .1);
	box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, .1);
	position: absolute;
	top: 60px;
	left: 100px;
	z-index: 11
}

.user-loged-in-box.visible {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	FILTER: alpha(opacity=100)
}

.user-loged-in-box .details {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 5px 10px;
	margin-bottom: 5px
}

.user-loged-in-box .details img {
	width: 70px;
	height: 70px;
	display: inline-block;
	float: right;
	border: 3px solid #f5f5f5;
	margin-left: 7px
}

.user-loged-in-box .details .name {
	width: -moz-calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	width: calc(100% - 90px);
	overflow: hidden;
	display: inline-block;
	margin-top: 12px;
	font-size: 14px;
	color: #000;
	text-align: right
}

.user-loged-in-box .details .money {
	width: -moz-calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	width: calc(100% - 90px);
	overflow: hidden;
	display: inline-block;
	font-size: 14px;
	color: #000;
	text-align: right
}

.user-loged-in-box .details span {
	margin-left: 5px;
	color: #7d7d7d
}

.user-loged-in-box a {
	display: block;
	padding: 0 10px;
	font-size:14px;
	color: #313131;
	line-height: 30px
}
.user-loged-in-box a.logout {
	color:#525252;
}

.user-loged-in-box a:hover {
	color: #7f7f7f
}

.user-loged-in-box a .tag {
	font-size:12px;
	color: #323232;
}

.user-loged-in-box a.help {
	overflow: hidden;
	border-top: 1px solid #e5e5e5;
	margin-top: 3px;
	padding-top: 3px
}

.user-loged-in-box a.support {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 3px;
	padding-bottom: 3px
}

.user-loged-in-box a.support .count {
	width: 15px;
	height: 15px;
	background: #f99223;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 12px;
	color: #fff;
	line-height: 15px;
	text-align: center
}
@media only screen and (max-width:480px) {
	.user-loged-in-box {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
		
		height:320px;
		padding-top:30px;
		margin-top:-20px;
	}
}
.user-notifications-box {
	width: 290px;
	background: #fff;
	overflow: hidden;
	padding: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0);
	-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .3);
	position: absolute;
	top: 52px;
	left: 100px;
	z-index: 11
}

.user-notifications-box.visible {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	FILTER: alpha(opacity=100)
}

.user-notifications-box a {
	display: block;
	overflow: hidden;
	padding: 10px 10px;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 500;
	line-height: 30px
}

.user-notifications-box a:hover {
	background: #f1f1f1
}

.user-notifications-box a svg {
	width: 30px;
	float: right;
	fill: #8f8f8f
}

.user-notifications-box a p {
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
	overflow: hidden;
	float: right;
	margin-right: 10px;
	color: #3c3c3c
}

.user-notifications-box a .date {
	margin-right: 40px;
	font-size: 10px;
	color: #767676;
	text-align: left
}

.user-notifications-box a.archive {
	overflow: hidden;
	padding-top: 10px;
	border: 0;
	text-align: center;
	color: #8f8f8f;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pagewrapper.vip-part {
	margin-top: 55px;
	margin-bottom: 55px
}

.pagewrapper.vip-part .part-title.has-filter {
	margin-bottom: 0
}

.pagewrapper.vip-part .filter {
	width: auto;
	background:#fafafa;
	display:inline-block;
	float:left;
	font-size: 13px;
	line-height:35px;
	color: #2f2f2f;
	text-align: right;
	font-weight: 500;
	position:relative;
	padding-right:15px;
}
.pagewrapper.vip-part .filter .label{
	width: 120px;
	height: 35px;
	overflow: hidden;
	border:1px solid #d6d6d6;
	padding:0 15px;
	position:relative;
	cursor:pointer;
}
.pagewrapper.vip-part .filter .label svg.arrow{
	width:10px;
	height:10px;
	fill:#2f2f2f;
	position:absolute;
	top:13px;
	left:10px;
}
.pagewrapper.vip-part .filter .drop-wrapper{
	width: 120px;
	overflow: hidden;
	background:#fff;
	border:1px solid #d6d6d6;
	padding:5px 15px;
	display:none;
	
	position:absolute;
	top:40px;
	left:0;
	z-index:1000;
}
.pagewrapper.vip-part .filter .drop-wrapper.visible{
	display:block;
}
.pagewrapper.vip-part .filter .drop-wrapper .item {
	display:block;
	cursor:pointer;
}
.pagewrapper.vip-part .filter .drop-wrapper .item:hover{
	padding-right:5px;
}
.pagewrapper.vip-part .filter .drop-wrapper .item.active {
	color: #2dc000
}

.vip-item {
	width: -moz-calc((100% / 4) - 18px);
	width: -webkit-calc((100% / 4) - 18px);
	width: calc((100% / 4) - 18px);
	height: auto;
	float: right;
	margin-left: 24px;
	margin-bottom: 24px;
	padding: 3px;
	border: 1px solid #d0d0d0;
	position: relative
}
.vip-item:hover{
	-webkit-box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, .09);
	-moz-box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, .09);
	box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, .09);
}
.vip-item:nth-child(4n+0) {
	margin-left: 0
}

.vip-item .thumb {
	width: 100%;
	height: auto;
	display: block
}
.vip-item .ribbon {
	width: 52px;
	height: 30px;
	background-image: -moz-linear-gradient(130deg, #ffeb34, #fcaf12);
	background-image: -webkit-linear-gradient(130deg, #ffeb34, #fcaf12);
	background-image: -o-linear-gradient(130deg, #ffeb34, #fcaf12);
	background-image: linear-gradient(130deg, #ffeb34, #fcaf12);
	text-align: center;
	line-height: 30px;
	color: #000;
	-moz-border-radius: 0 5px 0 15px;
	-webkit-border-radius: 0 5px 0 15px;
	-khtml-border-radius: 0 5px 0 15px;
	border-radius: 0 5px 0 15px;
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 1
}
.vip-item .ribbon.orange{
	background-image: -moz-linear-gradient(130deg, #ff7634, #dd460c);
	background-image: -webkit-linear-gradient(130deg, #ff7634, #dd460c);
	background-image: -o-linear-gradient(130deg, #ff7634, #dd460c);
	background-image: linear-gradient(130deg, #ff7634, #dd460c);
	
	color:#fff;
}
.vip-item .add-to-wishlist {
	width: 32px;
	height: 32px;
	background: rgba(0, 0, 0, .3);
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1
}

.vip-item .add-to-wishlist.active,
.vip-item .add-to-wishlist:hover {
	background: rgba(0, 0, 0, .6)
}

.vip-item .add-to-wishlist svg {
	width: 17px;
	height: 15px;
	fill: #fff;
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0
}

.vip-item .add-to-wishlist.active svg.visited,
.vip-item .add-to-wishlist:hover svg.visited {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0)
}

.vip-item .add-to-wishlist svg.hover {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0);
	z-index: 1
}

.vip-item .add-to-wishlist.active svg.hover,
.vip-item .add-to-wishlist:hover svg.hover {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	FILTER: alpha(opacity=100)
}

.vip-item .add-to-wishlist .wish-tooltip {
	width: 50px;
	background: rgba(0, 0, 0, .6);
	padding: 0 5px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0);
	position: absolute;
	top: 35px;
	left: -7px;
	z-index: 1
}

.vip-item .add-to-wishlist:hover .wish-tooltip {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	FILTER: alpha(opacity=100);
	top: 40px
}

.vip-item .add-to-wishlist .wish-tooltip:before {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid rgba(0, 0, 0, .6);
	content: '';
	-ms-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	position: absolute;
	top: -5px;
	left: 50%;
	z-index: 1
}

.vip-item .add-to-wishlist .wish-tooltip:after {
	content: attr(data-label)
}

.vip-item .title {
	width: -moz-calc(100% - 6px);
	width: -webkit-calc(100% - 6px);
	width: calc(100% - 6px);
	background: rgba(0, 0, 0, .4);
	overflow: hidden;
	display: block;
	padding: 3px 10px;
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	line-height: 25px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0);
	position: absolute;
	bottom: 3px;
	right: 3px;
	z-index: 1
}

.vip-item:hover .title {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	FILTER: alpha(opacity=100);
}

.vip-part .go-to-archive {
	width: 190px;
	height: 50px;
	display: block;
	margin: 22px auto 0;
	text-align: center;
	line-height: 50px
}
@media only screen and (max-width:1024px) {
	.pagewrapper.vip-part {
		margin-top: 35px;
	}
}
@media only screen and (max-width:800px) {
	.vip-item {
		width: -moz-calc((100% / 2) - 12px);
		width: -webkit-calc((100% / 2) - 12px);
		width: calc((100% / 2) - 12px);
		margin-left: 24px
	}
	.vip-item:nth-child(even) {
		margin-left: 0
	}
}

@media only screen and (max-width:450px) {
	.vip-item {
		width: 100%;
		margin-left: 0
	}
	.is-home .vip-item {
		width: -moz-calc((100% / 2) - 7px);
		width: -webkit-calc((100% / 2) - 7px);
		width: calc((100% / 2) - 7px);
		margin-left: 14px;
		margin-bottom: 14px
	}
	.is-home .vip-item:nth-child(even) {
		margin-left: 0
	}
}

#page-number {
	margin-bottom: 70px;
	overflow: hidden;
	text-align: center
}
.wp-pagenavi {
	width: auto;
	background: #fff;
	display: inline-block;
	overflow: hidden;
	border: 1px solid #d5d5d5;
	margin: 0 auto;
	padding: 0 20px 0;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px
}
.wp-pagenavi a,
.wp-pagenavi span {
	width: 35px;
	height: 35px;
	overflow: hidden;
	display: block;
	margin: 10px 2px;
	float: right;
	font-size: 14px;
	color: #535353;
	text-align: center;
	line-height: 37px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-khtml-border-radius: 100%;
	border-radius: 100%;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}
.wp-pagenavi a:hover {
	color: #1b82b2;
	font-weight: 500
}
.wp-pagenavi span.current {
	background: #0cc3d0;
	color: #fff
}
@media only screen and (max-width:360px) {
	#page-number .container {
		padding-right: 10px;
		padding-left: 10px
	}
}

#newsletter {
	height: 112px;
	overflow: hidden;
	background: url(../images/newsletter.jpg) no-repeat center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
	background-size: cover
}

#newsletter .container {
	overflow: hidden;
	padding: 37px 0;
	text-align: center
}

#newsletter span {
	font-size: 25px;
	color: #fff;
	vertical-align: middle
}

#newsletter .register {
	border: 2px solid #fff;
	display: inline-block;
	padding: 5px 15px;
	margin-right: 10px;
	font-size: 15px;
	color: #fff
}

#newsletter .register:hover {
	background: #fff;
	color: #00b4bb
}

@media only screen and (max-width:870px) {
	#newsletter {
		height: auto
	}
	#newsletter span {
		width: 100%;
		display: block;
		text-align: center
	}
	#newsletter .register {
		margin-top: 15px;
		margin-right: 0
	}
}

#footer {
	background: #fff;
	overflow: hidden;
	padding-top: 70px
}

#certificates {
	margin-bottom: 30px
}

#certificates .container {
	overflow: hidden;
	text-align: center
}

#certificates .item {
	margin: 0 10px;
	vertical-align: bottom
}

#footer-navigation {
	margin-bottom: 30px
}

#footer-navigation ul.container {
	overflow: hidden;
	text-align: center;
	list-style: none;
	margin: 0 auto;
	padding: 0
}

#footer-navigation ul>li {
	display: inline-block;
	margin:5px 0 5px 25px
}

#footer-navigation ul>li:last-child {
	margin-left: 0
}

#footer-navigation ul>li>a {
	color: #636363
}

#footer-navigation ul>li.current-menu-item>a,
#footer-navigation ul>li.current_page_item>a,
#footer-navigation ul>li:hover>a,
#footer-navigation ul>li>a:hover {
	color: #000
}

#footer-copyright {
	border-top:1px solid #dadada;
}

#footer-copyright .container {
	overflow: hidden;
	color: #7b7b7b;
	text-align: center;
	padding:15px 0;
}

#footer-copyright span {
	overflow: hidden;
	font-weight: 500;
	color: #1e1e1e
}

#footer-developer {
	background: #f5f5f5;
	border-top: 1px solid #bdbdbd
}

#footer-developer .container {
	height: 57px;
	overflow: hidden;
	padding-top: 19px;
	color: #545454;
	text-align: center
}

@media only screen and (max-width:440px) {
	#footer-developer .container {
		height: auto;
		padding-bottom: 19px
	}
}

@media only screen and (max-width:340px) {
	#certificates .item:last-child {
		display: block;
		margin: 20px auto 0
	}
}

#responsive-menu-overlay {
	width: 100%;
	height: 110%;
	background: rgba(0, 0, 0, .5);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	FILTER: alpha(opacity=0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999998
}

#responsive-menu-overlay.visible {
	-moz-opacity: .5;
	-khtml-opacity: .5;
	opacity: .5;
	FILTER: alpha(opacity=50)
}

#responsive-menu {
	width: 230px;
	height: 100%;
	background: #fff;
	border-right: 1px solid #dcdcdc;
	overflow-x: hidden;
	overflow-y: auto;
	font: 13px IranSANS, tahoma;
	position: fixed;
	bottom: 0;
	right: -281px;
	z-index: 99999999
}

#responsive-menu.is-active {
	right: 0
}

#responsive-menu .close {
	width: 100%;
	height: 35px;
	background: #f9f9f9;
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc
}

#responsive-menu .close .button {
	width: 15px;
	height: 15px;
	overflow: hidden;
	cursor: pointer;
	float: left;
	margin: 11px 0 0 12px;
	position: relative
}

#responsive-menu .close .button .line {
	width: 15px;
	height: 3px;
	background: #a3a3a3;
	position: absolute;
	left: 0
}

#responsive-menu .close .button .line:nth-child(1) {
	top: 6px;
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

#responsive-menu .close .button .line:nth-child(2) {
	top: 6px;
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

#responsive-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

#responsive-menu ul li {
	position: relative
}

#responsive-menu ul li a, 
#responsive-menu ul li span{
	height: 40px;
	overflow: hidden;
	display: block;
	padding: 0 10px;
	border-bottom: 1px solid #dcdcdc;
	color: #555;
	font-weight: 700;
	text-align: right;
	line-height: 40px;
	direction: ltr
}

#responsive-menu ul li a:hover, 
#responsive-menu ul li span:hover{
	background: #efefef;
	color: #27ae60!important
}

#responsive-menu ul>li.has-child-close>.arrow-button:before,
#responsive-menu ul>li.has-child-open>.arrow-button:before {
	width: 39px;
	height: 39px;
	background: #f9f9f9;
	overflow: hidden;
	display: block;
	content: '▼';
	cursor: pointer;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	font-size: 10px;
	text-align: center;
	line-height: 43px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10
}

#responsive-menu ul>li.has-child-open>.arrow-button:before {
	content: '▲'
}

#responsive-menu ul li ul {
	display: none
}

#responsive-menu ul li ul li a, 
#responsive-menu ul li ul li span{
	padding-right: 25px;
	font-weight: 400
}

#responsive-menu ul li ul li ul li a,
#responsive-menu ul li ul li ul li span{
	padding-right: 40px;
	color: #656565
}

#torobche-lightbox {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .8);
	overflow: hidden;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999999999
}

#torobche-lightbox .content-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	position: relative
}

#torobche-lightbox .close {
	width: 20px;
	height: 20px;
	fill: #fff;
	cursor: pointer;
	position: absolute;
	top: -25px;
	right: -25px
}

#torobche-lightbox .close:hover {
	fill: rgba(255, 255, 255, .6)
}

#torobche-lightbox .box-wrapper {
	max-width: 80%;
	max-height: 80%;
	display: block;
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%
}

#torobche-lightbox .box-wrapper img {
	max-width: 100%;
	height: auto;
	display: block
}

@media only screen and (max-width:700px) {
	#torobche-lightbox .box-wrapper {
		width: 80%;
	}
}

.slider-carousel-wrapper{
	width: -moz-calc( 100% - 60px );
    width: -webkit-calc( 100% - 60px );
    width: calc( 100% - 60px );
	
	margin:0 auto;
}
.owl-carousel {
	width: 100%;
	display: none;
	-webkit-tap-highlight-color: transparent;
	
	direction:ltr;
	text-align:left;

	position: relative;
	z-index: 1; 
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
	height: 0; 
	display: block;
	content: ".";
	visibility: hidden;
	clear: both;
	
	line-height: 0;
}
.owl-carousel .owl-stage-outer {
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px); 
	
	position: relative;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0); 
}
.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none; 
	
	position: relative;
}
.owl-carousel .owl-item .item{
	width:100%;
	margin:0;
	
	text-align:right;
	direction:rtl;
}
.owl-carousel .owl-item img {
	width: 100%; 
	height:auto;
	display: block;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none; 
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
	background: none;
	border: none;
	padding: 0 !important;
	
	font: inherit; 
	color: inherit;
}
.owl-carousel .owl-nav .owl-next, 
.owl-carousel .owl-nav .owl-prev {
	width: 22px;
	height: 30px;
	margin-top: -15px;
	
	position: absolute;
	top: 50%;
}
.owl-carousel .owl-nav .owl-prev {
	left:-30px;
}
.owl-carousel .owl-nav .owl-next {
	right:-30px;
}
.owl-carousel.owl-loaded {
	display: block; 
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block; 
}
.owl-carousel.owl-hidden {
	opacity: 0; 
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden; 
}
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab; 
}
.owl-carousel.owl-rtl {
	direction: rtl; 
}
.owl-carousel.owl-rtl .owl-item {
	float: right; 
}
.no-js .owl-carousel {
	display: block; 
}
.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both; 
}
.owl-carousel .owl-animated-in {
	z-index: 0; 
}
.owl-carousel .owl-animated-out {
	z-index: 1; 
}
.owl-carousel .fadeOut {
	animation-name: fadeOut; 
}

@keyframes fadeOut {
	0% {
		opacity: 1; 
	}
	100% {
		opacity: 0; 
	} 
}
.owl-height {
	transition: height 500ms ease-in-out; 
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease; 
}
.owl-carousel .owl-item .owl-lazy[src^=""], 
.owl-carousel .owl-item .owl-lazy:not([src]) {
	max-height: 0; 
}
.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d;
}