/* Reset HTML Elements *//* ----------------------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, section, article,
head, header, footer, figure{
	margin:0;
	padding:0;
}
body{
	direction: rtl;
	text-align: right;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	padding: 0;
	margin: 0;
}
fieldset, img {border:0; max-width: 100%;}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}
ol, ul, li {list-style:none}
caption, th {text-align:left}
q:before, q:after {content:''}
* {outline: none;}
strong {font-weight: bold}
em {font-style: italic}
a img {border:none; max-width: 100%;}
/*-General Styles------------------------------------------*/
p {
	direction: rtl;
}
a{
	text-decoration:none;
}
.clear {clear: both;}
.right{float:right;}
.left{float:left;}
.strong{ font-weight:bold;}
/*-Html 5------------------------------------------*/
header, section, footer, aside, nav, main, article, figure {
	display: block;
}

@font-face {
	font-family: font1;
	font-style: normal;
	font-weight: normal;
	src: url('/fonts/IRANSansWeb(FaNum).eot');
	src: url('/fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('/fonts/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
	url('/fonts/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('/fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}
@font-face {
	font-family: font1;
	font-style: normal;
	font-weight: bold;
	src: url('/fonts/IRANSansWeb(FaNum)_Bold.eot');
	src: url('/fonts/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('/fonts/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
	url('/fonts/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('/fonts/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
	font-family: font1;
	font-style: normal;
	font-weight: 500;
	src: url('/fonts/IRANSansWeb(FaNum)_Medium.eot');
	src: url('/fonts/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('/fonts/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
	url('/fonts/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('/fonts/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

.ltr {
	direction: ltr;
	text-align: left;
}
body {
	background: #fff url("/img/payment/landing-pay-bg.jpg") no-repeat right 0;
	direction: rtl;
	text-align: right;
}
html,
body {
	font-family: font1;
	width: 100%;
}
body .container {
	width: 1202px;
	height: auto;
	margin: 0 auto;
}
#header{
	height: 40px;
	padding:15px 0;
	border-bottom: 1px solid #d0c6e7;
}
#logo .icon{
	background: url("/img/payment/logo.png") no-repeat 0 0;
	position: absolute;
	right: 0px;
	top: -5px;
	width: 60px;
	height: 60px;
}
#logo{
	padding-right: 70px;
	position: relative;
	float: right;
	font: bold 20px/40px font1;
	color:#4a616e;
}
#logo a {
	font: bold 20px/40px font1;
	color: #4a616e;
	cursor: default;
}
#logo a span{
	color: #6c46c3;
}
#header .menu{
	float: left;
}
#header .menu li{
	float: left;
}
#header .menu li a{
	background: #6c46c3;
	font: bold 15px/40px font1;
	color: #ffffff;
	margin: 0 10px 0 0;
	display: block;
	padding: 0 20px;
	border-radius: 20px;
}
.landing-section{
	padding-top: 70px;
}
.landing-section .info{
	float:right;
	width: 45%;
}
.landing-section .title {
	font: bold 22px/40px font1;
	color: #4a616e;
	margin-bottom: 30px;
}
.landing-section .title span{
	color: #6c46c3;
}
.landing-section ul li{
	background: url("/img/payment/tick.png") no-repeat right 0;
	padding-right: 30px;
	font: normal 15px/30px font1;
	color: #4a616e;
	margin-bottom:10px;
}
.landing-section ul li .icon{
	float: right;
	width: 30px;
	height: 30px;
}
.landing-section .link{
	background: #6c46c3;
	font:  15px/40px font1;
	color: #ffffff;
	margin: 0 10px 0 0;
	float: left;
	display: block;
	padding: 0 20px;
	border-radius: 20px;
}
.pic-box{
	background: url("/img/payment/type-bg.png") no-repeat;
	background-size: 100%;
	float: left;
	width: 520px;
	position: relative;
}
.pic-box .padding{
	padding-top: 88%;
	width: 100%;
	height: 0;
}
.pic-box .text-type{
	background: #fff url(/img/payment/glob_icon.png) no-repeat 0 0 ;
	position: absolute;
	border: 1px solid #0d3a73;
	border-radius: 7px;
	height: 42px;
	top: 140px;
	left: 0;
	right: 0px;
	bottom: 0px;
	margin: 0 auto auto;
	box-sizing: border-box;
	padding-left: 42px;
	direction: ltr;
	text-align: left;
	width: 76%;
	color: #001f47;
	font: bold 17px/40px tahoma;
}
/* --------------------------responsive-------------------------- */
@media only screen and (max-width: 1224px) {
	body .container{
		width: auto;
		margin: 0 15px;
	}
}
@media only screen and (max-width: 1002px) {
	.pic-box{ width: 53%;}
}
@media only screen and (max-width: 960px) {

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

}
@media only screen and (max-width: 800px) {
	.landing-section{ padding-top: 50px;}
	.pic-box .text-type{ top: 110px;}
}
@media only screen and (max-width: 700px) {
	.pic-box{
		float: none;
		width: 400px;
		max-width: 100%;
		margin: 0 auto;
	}
	.landing-section .info{
		float: none;
		margin-bottom: 30px;
		width: auto;
	}
	.landing-section{ padding-top: 30px;}
}
@media only screen and (max-width: 600px) {

}
@media only screen and (max-width: 480px) {
	#header .menu{ display: none;}
}