@charset "UTF-8";

@font-face {
	font-family: "iranian sans";
	src: url("fonts/IRANSansLight.eot");
	src: url("fonts/IRANSansLight.eot?#iefix") format("embedded-opentype"), url("fonts/IRANSansLight.woff") format("woff"), url("fonts/IRANSansLight.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "iranian sans";
	src: url("fonts/IRANSansBold.eot");
	src: url("fonts/IRANSansBold.eot?#iefix") format("embedded-opentype"), url("fonts/IRANSansBold.woff") format("woff"), url("fonts/IRANSansBold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-family: "iranian sans Subsidiary";
	src: url("fonts/IranRegular.eot");
	src: url("fonts/IranRegular.eot?#iefix") format("embedded-opentype"), url("fonts/IranRegular.woff") format("woff"), url("fonts/IranRegular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "iranian sans Subsidiary";
	src: url("fonts/IranBold.eot");
	src: url("fonts/IranBold.eot?#iefix") format("embedded-opentype"), url("fonts/IranBold.woff") format("woff"), url("fonts/IranBold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal
}


* {
	font-family: 'iranian sans';
}

.h13 {
	font-size: 1.3em;
}

/* ========== colors  ================ */
.red-bg {
	background-color: #e41c36;
	color: #fff;
}
.black-bg {
	background-color: #000;
	color: #fff;
}

/* ========= Resetting ===================================== */
h1, h2, h3, h4, h5, h6,
input, select, option, button, a, span, p, ul, li, label, small,
footer {
	font-family: 'iranian sans';
}
body {
	overflow-x: hidden;
}


/* ========== Buttons ======================================= */
.btn-grey-red,
.btn-white-red  {
	color: #444;
	margin: 5px 10px;
}
.btn-grey-red {
	background-color: #e6e6e6;
}
.btn-white-red {
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	color: #e41c36;
}
.btn-grey-red:hover,
.btn-white-red:hover  {
	background-color: #e41c36;
	color: #fff;
}

.btn-grey-red.active,
.btn-white-red:active  {
	background-color: #e41c36;
	color: #fff;
	margin: 5px 10px;
}

/*===== RIGHT TO LEFT ================ */
.right-to-left {
	direction: rtl;
    text-align: right;
}

/*======= CARDS ======================*/
.card-one {
	text-align: right;
	direction: rtl;
	width: 100%;
	padding: 10px;
}
.card-one img{
	display: inline-block;
	border-radius: 100%;
	padding: 10px;
	width: 80%;
	height: auto;
	border: 1px solid #eee;
	box-shadow: 2px 2px 5px #ddd, -2px -2px 5px #ddd;
}
.card-one .card-content {
	padding: 30px 10px;
}
.card-one .card-content h1 {
	font-size: 1.7em;
	font-weight: bold;
}
.card-one .card-content h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #bc0023;
}

.card-team {
	display: block;
	position: relative;
	border: 1px solid #ccc;
	text-align: center;
	overflow: hidden;
	border-radius: 7px;
}
.card-team img {
	width: 100%;
}
.card-team .name {
	font-size: 1.5em;
	padding: 7px 1px;
	margin: 0px;
}
.card-team .position {
	font-size: 1.2em;
	padding: 7px 1px;
}
.card-team .info {
	padding: 10px 0px;
	direction: rtl;
}
.card-team .info a{
	padding: 5px;
	margin: 2px;
	border: 1px solid #e41c36;
	text-decoration: none;
	border-radius: 3px;
	margin: 2px;
	display: inline-block;
	color: #e41c36;
	width: 40px;
}
.card-team .info .dakheli {
	display: block;
	margin: 0px;
	width: 100%;
	border : none;
	font-weight: bold;
}


.card-value {
	display: inline-block;
	text-align: center;
	padding: 10px;
}
.card-value img {
	width: 40%;
	border-radius: 100%;
	margin: 0px auto;
}
.card-value .title {
	font-weight: bold;
	font-size: 1.5em;
}
.card-value .description {
	color: #888;
	font-size: 0.9em;
	text-align: justify-center;
}

/* =================== titles ======================= */
.page-title, .page-subtitle {
	text-align: center;
	text-shadow: 2px 2px 5px #444;
	color: #fff;
	padding: 10px;
}
.page-title {
	font-size: 4em;
}
.page-subtitle {
	font-size: 1.1em;
}