@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
}
@font-face {
	font-family: Markazi;
	src: url(../Font/MarkaziText-Regular.ttf);
}
@font-face {
	font-family: MarkaziM;
	src: url(../Font/MarkaziText-Medium.ttf);
}
@font-face {
	font-family: Vazir;
	src: url(../Font/Vazir.ttf);
}
@font-face {
	font-family: VazirBold;
	src: url(../Font/Vazir-Bold.ttf);
}
@font-face {
	font-family: VazirMedium;
	src: url(../Font/Vazir-Medium.ttf);
}
@font-face {
	font-family: VazirThin;
	src: url(../Font/Vazir-Thin.ttf);
}
@font-face {
	font-family: Roboto-Regular;
	src: url(../Font/Roboto-Regular.ttf);
}
@font-face {
	font-family: Danstevis;
	src: url(../Font/danstevis.otf);
}
/*------/ Hamburger Icon Navbar /------*/
.navbar {
	border-bottom: 1px solid #336600;
}
.prive-nav {
	background-image:url(../images/term-top.png);
	border-bottom: 1px solid #ADB0B3;
}
.contact-nav {
	background-image:url(../images/contacty.png);
	border-bottom: 1px solid #ADB0B3;
}
.article-nav {
	background-image:url(../images/article-top.png);
	border-bottom: 1px solid #ADB0B3;
}
.topic-nav {
	background-image:url(../images/statement-top.png);
	border-bottom: 1px solid #ADB0B3;
}
.life-nav {
	background-image:url(../images/life-top.png);
	border-bottom: 1px solid #ADB0B3;
}
.women-nav {
	background-image:url(../images/women-top.png);
	border-bottom: 1px solid #ADB0B3;
}
.sermon-nav {
	background-image:url(../images/sermon-top.png);
	border-bottom: 1px solid #ADB0B3;
}
.donate-nav {
	background-image:url(../images/donation-top.png);
	border-bottom: 1px solid #ADB0B3;
}
.navbar img {
	padding-left: 9px;
}
.navbar h3 {
	font-size: 24px;
	font-family: VazirMedium;
	color: #193e50;
	text-shadow: 2px 7px 5px rgba(0,0,0,0.3),0px -4px 10px rgba(255,255,255,0.5);
}
.navbar-toggler {
	width: 54px;
	line-height: 9px;
}
.navbar-toggler .unmenu {
	color: #193e50;
	font-size: 18px;
	font-family: VazirMedium;
	text-shadow: 2px 7px 5px rgba(0,0,0,0.3),0px -4px 10px rgba(255,255,255,0.5);
}
.navbar-toggler-icon {
	width: 36px;
	height: 36px;
}
@media (max-width: 1000px) {
	.navbar h3 {
		font-size: 20px;
	}
	.navbar-toggler .unmenu {
		font-size: 15px;
	}
	.navbar-toggler-icon {
		width: 30px;
		height: 30px;
	}
}
@media (max-width: 600px) {
	.navbar h3 {
		font-size: 16px;
	}
	.navbar-toggler .unmenu {
		font-size: 14px;
	}
	.navbar-toggler-icon {
		width: 30px;
		height: 30px;
	}
}
.navbar-toggler, .navbar-toggler:active, .navbar-toggler:focus {
	border: none;
	outline: none;
	box-shadow: none;
}
/*---------------------------------------Top Header-----------------------------------------*/
.top-header {
	position: relative;
	overflow: hidden;
	max-height: 800px;
}
.top-headerText {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 85%;
	text-align: center;
}
.top-headerText h2 {
	font-family:Arial, Helvetica, sans-serif;
	color: #A8E2FF;
	margin-bottom: 22px;
	font-size:36px;
}
.top-headerText p {
	font-family:vazir;
	color: #FFFFFF;
	font-size:20px;
}
@media (max-width: 1000px) {
	.top-header {
		max-height: 400px;
	}
	.top-headerText h2 {
		font-size:30px;
	}
	.top-headerText p {
		font-size:18px;
	}
}
@media (max-width: 700px) {
	.top-header {
		max-height: 250px;
	}
	.top-headerText h2 {
		font-size:24px;
	}
	.top-headerText p {
		font-size:14px;
	}
}
/*---------------------------------------Text Carousel-----------------------------------------*/
.carousel-item {
	margin-bottom: 40px;
}
.custom-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: black;
	opacity: 0.1;
	z-index: 1;
}
/*---------------------------------------Sidebar Menu-----------------------------------------*/
.offcanvas {
	background-color: #DCDFE7;
}
.navbar-brand {
	margin: 0px;
	padding: 0px;
}
.btn-close {
	position: relative;
	float:left;
	margin-top: 25px;
	margin-left: 25px;
}
.navbar-brand h5 {
	font-size:28px;
	color: #004800;
}
.navbar-brand span {
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	color: #004800;
	text-shadow: 1px 6px 3px rgba(149, 163, 161, 1);
}
.offcanvas-body {
	background: linear-gradient(110deg, #DCDFE7 60%, #CFD3DE 60%);
}
.navbar-nav a {
	font-family: Vazir;
	font-size:20px;
	color: #003955;
	padding: 6px;
}
.arrow {
	display:none;
}
.navbar-nav a:hover .arrow {
	border: solid #004566;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	margin-right: 7px;
	margin-bottom: -2px;
}
.navbar-nav .active .arrow {
	border: solid #FF9900;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	margin-right: 7px;
	margin-bottom: -2px;
}
.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
hr.liner {
	border: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
	line-height: 68px;
	margin: 10px 20px;
}
.share-text {
	font-family: Vazir;
	font-size:16px;
	color: #003955;
	text-align:center;
}
/*---------------------------------------Footer-----------------------------------------*/
.footer {
	background: linear-gradient(160deg, #DCDFE7 55%, #CFD3DE 55%);
	margin-bottom: 0px;
}
.credits a {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #003955;
}
.credits a:hover {
	color: #006B9F;
}
.footer .terms {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #51555A;
}
.footer .copyright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #3D4248;
}
.footer .copyright a {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #003955;
}
.footer .copyright a:hover {
	color: #006B9F;
}
.footer .copyright span {
	direction: rtl;
	padding-left: 8px;
	font-size:18px;
}
/*---------------------------------------Main Section-----------------------------------------*/
.mainly {
	padding-top: 40px;
}
.main-title {
	text-align: center;
	font-family: Vazir;
	max-width: 1000px;
	margin: 0 auto;
	direction:rtl;
}
.main-title h5 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
	color: #106a95;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 1px 6px 3px rgba(16,106,149,0.3);
}
.main-title h5::before {
	content: '';
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}
.main-title h5::after {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background: #FF9900;
	bottom: 0;
	left: calc(50% - 20px);
}
.main-title p {
	font-size: 20px;
}
.mainly .main-item {
	padding: 20px 20px 0 0;
	position: relative;
}
.mainly .main-item h4 {
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #193e50;
	margin-bottom: 14px;
}
.mainly .main-item p {
	line-height: 28px;
	font-family: Vazir;
	font-size: 18px;
	color: #42464B;
	margin-bottom: 14px;
}
.mainly .card-text {
	line-height: 28px;
	font-family: Vazir;
	font-size: 18px;
	color: #42464B;
	margin-bottom: 14px;
}
.mainly .card-body h5 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 8px;
	color: #106a95;
	font-family:Arial, Helvetica, sans-serif;
}
.mainly .mid-text {
	border-right: 3px solid #006666;
	padding-right: 8px;
}
/* ToolTip */
.totip {
	width: 30px;
	margin-right: 5px;
}
.totip span {
	display: flex;
}
.toolshare {
	background: url('../images/share.png') !important;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	width: 26px;
	height: 24px;
	position: relative;
	display: inline-block;
	border:none;
	outline: none !important;
	margin: 0px;
	padding: 0px;
}
.toolshare .toolsharetext {
	visibility: hidden;
	background-color: #003366;
	color: #fff;
	text-align: center;
	padding: 3px;
	position: absolute;
	z-index: 1;
	top: -2px;
	right: 110%;
}
.toolshare .toolsharetext::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 100%;
	/* To the right of the tooltip */
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent black;
}
.toolshare:hover .toolsharetext {
	visibility: visible;
}
/*---# Back to top button---*/
#back-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	transition: all 0.4s;
}
#back-top img {
	width: 30px;
	height: 30px;
	line-height: 0;
	border: none;
}
#back-top img:hover {
	opacity: 0.6;
}
/*--------------------------------------------------------------# Hero No Slider Section--------------------------------------------------------------*/
#element-head {
	width: 100%;
	height: 170px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#element-head::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to right, rgba(30, 67, 86, 0.1), rgba(30, 67, 86, 0.2)), url("../images/earth.png") center top no-repeat;
}
#element-head h2 {
	color: #004A6F;
	font-size: 38px;
	font-family:Danstevis;
	text-shadow: 1px 6px 3px rgba(16,106,149,0.3);
}
@media (max-width: 575px) {
	#element-head h2 {
		font-size: 30px;
	}
}
.elemen span {
	color: #FF9900;
}
.elemen a {
	 text-decoration: none;
   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    transition: 0.3s;
    margin-right: 15px;
    color: #006699;
}
.elemen a:hover {
    color: #009999;
}
.elemen img {
    margin-right: 12px;
}

#about-head {
	width: 100%;
	height: 210px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#about-head::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to right, rgba(30, 67, 86, 0.1), rgba(30, 67, 86, 0.2)), url("../images/wall.png") center top no-repeat;
}
#about-head h2 {
	color: #004A6F;
	font-size: 38px;
	font-family:Danstevis;
	text-shadow: 1px 6px 3px rgba(16,106,149,0.3);
}
@media (max-width: 575px) {
	#about-head h2 {
		font-size: 30px;
	}
}
.features-1 {
	direction:rtl;
	font-family:Vazir;
	padding-bottom: 0px;
	margin-bottom:0px;
	margin-top: 50px;
}
.features-1 ul {
	list-style: none;
	padding: 0;
	margin-right: 8px;
}
.features-1 ul li {
	padding-top: 6px;
	font-size:18px;
	color: #006699;
}
.features-1 ul img {
	padding-left: 7px;
}
.features-1 p {
	margin-bottom: 12px;
	font-size:18px;
	color:#343638;
}
.features-1 h5 {
	font-size: 30px;
	font-weight: 500;
	padding-bottom: 5px;
	padding-top: 6px;
	color: #336666;
	font-family: Arial, Helvetica, sans-serif;
}
.features-1 .privacy-text {
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#003F5E;
}
.prive-but {
	border-right: 3px solid #006666;
	margin-right: 6px;
}
.prive-but p {
	color: #006666;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height: 26px;
	margin-right: 8px;
}
.pive-img img {
	position: relative;
}
.features-1 p:last-child {
	margin-bottom: 0;
}
.section-title {
	padding-bottom: 40px;
}
.section-title h2 {
	font-size: 24px;
	font-weight: 500;
	padding: 0;
	line-height: 1px;
	margin: 0 0 5px 0;
	color: #aaaaaa;
	font-family: Arial, Helvetica, sans-serif;
}
.section-title h2::after {
	content: "";
	width: 120px;
	height: 1px;
	display: inline-block;
	background: #F3A605;
	margin: 4px 10px;
}
.section-title p {
	margin: 0;
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	color: #106a95;
}
.mainly .about-text {
	line-height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #42464B;
	margin-bottom: 4px;
}
.mainly .card-body h2 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #336666;
	font-family:Arial, Helvetica, sans-serif;
}
.contacter h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:600;
	color: #006666;
	margin-top: 10px
}
/*======================================//--//--> FORM INPUT======================================*/
.form-a #sendmessage {
	font-size:20px;
	color:#414346;
	list-style:none;
	display: none;
	text-align: center;
	padding: 15px;
	margin-bottom: 15px;
}
.form-a #errormessage {
	color: #FF0000;
	display: none;
	padding: 15px;
	font-size:18px;
	margin-bottom: 15px;
}
.form-a #sendmessage.show,.form-a #errormessage.show,.form-a .show {
	display: block;
}
.form-a .validation {
	color: red;
	display: none;
	margin: 4px 0 20px 0;
	font-size:18px;
}
.form-a label {
	color: #000000;
	position: relative;
}
.form-a .form-control {
	border-radius: 0;
	font-size: 18px;
}
.form-a .form-control:focus {
	box-shadow: none;
	border-color: #2eca6a;
}
.form-a .btn {
	width:130px;
	margin:10px;
	box-shadow:none;
}
.mid-row {
	padding-top:6px;
	padding-bottom: 6px;
}
/*======================================//--//--> Articles======================================*/
.articles .list-group p {
	font-family: vazir;
	font-size:16px;
	color: #003366;
	margin-bottom: 0px;
}
.articles .list-group span {
	font-size:18px;
}
.articles .list-group a {
	border:none;
	border-bottom: 1px solid #CCCCCC;
	border-right: 6px solid #FFFFFF;
}
.articles .list-group a:hover{
	background-color: #F8F9FA;
	border-right: 6px solid #669999 !important;
}
.articles h5 {
	font-family:VazirMedium;
	font-size:18px;
	color: #006699;
}
.articles-1 {
	height:auto;
	max-height:700px;
	overflow-x:hidden;
}
.arti-tit {
	text-shadow: 2px 7px 5px rgba(0,0,0,0.3),0px -4px 10px rgba(255,255,255,0.5);
}
.topArticle {
	color: #004D71;
	font-size:26px;
	line-height:14px;
}
.subWrite {
	color: #666600;
	font-size:20px;
}
.subWrite span {
	color: #004D71;
	font-size:24px;
}
.maiArt {
	float:right;
}
.audBox {
	padding:0px;
	margin:0px;
	margin-left:6px;
	font-size:14px;
	float:left;
}
.bullt {
	list-style: none;
}
.bullt li::before {
	content: "•";
	color: #FF9900;
	font-weight: bold;
	display: inline-block;
	width: 18px;
}
#context {
	font-family:Vazir;
	font-size:18px;
	margin:8px;
	padding: 5px;
	min-height:500px;
}
#context h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#666600;
	padding:6px;
}
#context h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #626231;
	font-weight:bold;
	padding:6px;
}
#context h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#666600;
	padding:6px;
}
#context img {
	margin-right: 12px;
	padding-left: 4px;
}
@media (min-width:850px) {
	#context {
		max-height:700px;
		overflow-x:hidden;
		overflow-y:visible;
	}
}
::-webkit-scrollbar {
	width:10px;
}
::-webkit-scrollbar-track {
	background:#f1f1f1;
}
::-webkit-scrollbar-thumb {
	background:#156D8A;
}
::-webkit-scrollbar-thumb:hover {
	background:#0C3A49;
}
/*----------# Breadcrumbs----------------*/
.crumbs {
	padding: 18px 0;
	background-color: #F0F1F2;
	min-height: 40px;
}
	.donate-txt h5 {
		line-height: 26px;
		color: #005279;
		font-family: Danstevis; 
		font-size: 26px; 
	}
@media (max-width: 1200px) {
	.donate-txt h5 {
		font-size: 20px;
		line-height: 14px;
	}
}
@media (max-width: 990px) {
	.donate-txt h5 {
		font-size: 16px;
		line-height: 6px;
	}
}
@media (max-width: 767px) {
	.donate-txt h5 {
		font-size: 24px;
		line-height: 18px;
	}
}
@media (max-width: 480px) {
	.donate-txt h5 {
		font-size: 18px;
		line-height: 10px;
	}
}
h1 {
font-size:1px; 
color: #FFFFFF;
}