header{
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
    background-color: #304760; /* For browsers that do not support gradients */
    background-image: linear-gradient(#304760, #304760);
	background-repeat: no-repeat;
	direction: rtl;
}
section .secTitles{
	color: #304760;
}
section .secTitles2{
	color: #52d18f;
}
section .secTitles3{
	color: #f7f7f7;
}
.logo_holder{
	position: absolute;
	display: block;
	width: 100%; 
	top: 15%; 
	height: auto; 
	max-height: 300px; 
	padding:10px 0 0; 
	margin:0 auto !important; 
	z-index: 9;
}
.logo_img_holder{
	position: relative;
	display: block;
	width: 200px; 
	height: auto; 
	max-height: 200px; 
	padding:0; 
	margin:0 100px 0 0; 
}
.logo_holder img{
	
}
.custom-list ul{
	list-style: disc inside;
}
.custom-list ul li{
	padding-bottom: 5px !important;
}
.custom_marginBottom10{
	margin-bottom: 10px;
}
.list-group {
    padding: 10px;
	margin: 0;
}
.list-group-item{
	background: transparent;
	padding: 20px 0;
	text-align: center;
}

#bod .list-group-item{
	background: transparent !important;
	padding: 20px 0 !important;
}

.logo-title {
	position: absolute; 
	left: 50%; 
	top: 140px;
	margin-left: -150px; 
	padding-top: 0; 
	z-index: 9;
  	width: 300px;
	text-align: center;
	background-color: transparent !important;
}
.logo-title img{width: 60%; }
.big_icon{font-size: 120%;}

.imageGallery1 {
	overflow: hidden; margin: 30px -20px;
}
.imageGallery1 > a {
	float: right; width: 33.3333%; padding: 1px; box-sizing: border-box; position: relative;
}
.imageGallery1 > a:first-child { left: -1px; }
.imageGallery1 > a:last-child { right: -1px; }
.imageGallery1 > a > img {
	display: inline-block; width: 20px;
}
.imageGallery1 img {
	display: inline-block; width: 100%;
}

.imageGallery2 {
	overflow: hidden; margin: 30px -20px;
}
.imageGallery2 > a {
	float: right; width: 33.3333%; padding: 1px; box-sizing: border-box; position: relative;
}
.imageGallery2 > a:first-child { left: -1px; }
.imageGallery2 > a:last-child { right: -1px; }
.imageGallery2 > a > img {
	display: inline-block; width: 20px;
}
.imageGallery2 img {
	display: inline-block; width: 100%;
}

.imageGallery3 {
	overflow: hidden; margin: 30px -20px;
}
.imageGallery3 > a {
	float: right; width: 33.3333%; padding: 1px; box-sizing: border-box; position: relative;
}
.imageGallery3 > a:first-child { left: -1px; }
.imageGallery3 > a:last-child { right: -1px; }
.imageGallery3 > a > img {
	display: inline-block; width: 20px;
}
.imageGallery3 img {
	display: inline-block; width: 100%;
}

.vidGallery {
	overflow: hidden; margin: 30px -20px;
}
.vidGallery > a {
	float: right; width: 33.3333%; padding: 1px; box-sizing: border-box; position: relative;
}
.vidGallery > a:first-child { left: -1px; }
.vidGallery > a:last-child { right: -1px; }
.vidGallery > a > img {
	display: inline-block; width: 20px;
}
.vidGallery img {
	display: inline-block; width: 100%;
}

#about{
	background-color: #5d236e;
	color:rgba(255,253,219,1.00);
	line-height: 24px !important;
}
#founder{
}
.color-white {
   background-color:#ffffff !important;
}
.color-white2 {
   background-color:#d1d1d1 !important;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height: 600px !important;}
.contents_full_box{
  padding: 30px;
  margin: 10px 0;
  background-color: rgba(255,255,255,0.9);
  color: #304760;
}
.contents_full_box2{
  padding: 20px;
  margin: 10px 0;
  background-color: rgba(247,233,227,0.9);
  color: #304760;
  text-align: center;
}
.contents_full_box3{
width: 60%;
  padding: 20px;
  margin: 10px auto;
  background-color: rgba(232,227,197,0.8);
  color: #304760;
  text-align: center;
}
.contents_full_box4{
  padding: 10px;
  margin: 10px 0;
  background-color: rgba(255,255,255,0.9);
  color: #304760;
}
.contents_full_box5{
  padding: 4px;
  margin: 10px 0;
  background-color: rgba(48,71,96,0.2);
  color: #304760;
}
.service-box{
	max-width:440px; 
	padding: 30px; 
	background-color:rgba(255,255,255,0.90); 
	margin-bottom: 30px;
}
.navbar-nav>li>.dropdown-menu{
	background-color: #c8d9e7;
	border: none;
}
.dropdown-menu>li>a{
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.for-full-back {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}
.op_70_bgc {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.op_90_bgc {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}
p{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	line-height: 24px;
	font-size: 120%;
}
p.general{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	line-height: 24px;
	font-size: 120%;
	text-align: justify;
}
p.content {
	-moz-columns: 20em 2;
	-webkit-columns: 20em 2;
	-ms-columns: 20em 2;
	columns: 20em 2;
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	-ms-column-gap: 2em;
	column-gap: 2em;
	line-height: 18px;
	font-size: 120%;
	text-align: justify;
}
.parallax { 
    /* The image used */
    background: url("../img/slider/bg3.jpg");

    /* Set a specific height */
    height: 100%; 
	min-height: 50%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax2 { 
    /* The image used */
    background: url("../img/slider/bg2.jpg");

    /* Set a specific height */
    height: 100%; 
	min-height: 50%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}
.parallax3 { 
    /* The image used */
    background: url("../img/slider/bg3.jpg");

    /* Set a specific height */
    height: 100%; 
	min-height: 50%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}
.parallax4 { 
    /* The image used */
    background: url("../img/slider/bg4.jpg");

    /* Set a specific height */
    height: 100%; 
	min-height: 50%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}
.parallax5 { 
    /* The image used */
    background: url("../img/slider/bg5.jpg");

    /* Set a specific height */
    height: 100%; 
	min-height: 50%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax6 { 
    /* The image used */
    background: url("../img/slider/bg6.jpg");

    /* Set a specific height */
    height: 100%; 
	min-height: 50%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax7 { 
    /* The image used */
    background: url("../img/slider/bg7.jpg");

    /* Set a specific height */
    height: 100%; 
	min-height: 50%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tafi-table {
  color: #1f2021;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.tafi-table .box_contents_title {
  padding: 15px 0;
  margin: 3px 0 0 !important;
  color: #ffffcc;
  background-color:rgba(48,71,96,0.8);
}
.tafi-table .box_contents_image {
display: block;
text-align: center;
  padding: 0;
  margin:0 !important;
  background-color:#ffffff;
  height: 140px;
}
.tafi-table .box_contents_image img {
  width: 50%;
}
.tafi-table .box_contents {
  padding: 30px 30px;
  background-color: rgba(255,255,255,0.8);
}

.tafi-table .tablTitle {
  display: block;
  text-transform: uppercase;
}

/*============================================================
    galleries
============================================================*/

.galleries-table {
  color: #1f2021;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}

.galleries-table .box_contents_title {
  padding: 0px;
  margin: 4px 0 0 !important;
  color: #ffffcc;
  /* background-color:rgba(153,153,153,0.8); */
}
.galleries-table .box_contents {
  padding: 20px 20px;
  background-color:rgba(240,240,240,0.8);
}
.galleries-table .box_details {
  display: block;
  padding: 20px 20px;
  background-color:rgba(240,240,240,0.8);
  color: #304760;
  margin:  0;
  height: 100px;max-height: 100px;
  font-size: 14px;
}

.galleries-table .tablTitle {
  display: block;
  text-transform: uppercase;
}


/*============================================================
    charts
============================================================*/

.charts-table {
  color: #1f2021;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}
.charts-table img{
	width: 100%;
}
.charts-table .box_contents_title {
  padding: 15px 0 20px;
  margin: 4px 0 2px !important;
  color: #f7f7f7;
  background-color:rgba(100,100,100,0.8);
}
.charts-table .box_contents {
  padding: 30px 30px;
  background-color:rgba(153,153,153,0.8);
}
.charts-table .box_details {
  display: block;
  padding: 20px 20px;
  background-color:rgba(240,240,240,0.8);
  color: #304760;
  margin:  0;
}

.charts-table .tablTitle {
  display: block;
  text-transform: uppercase;
}

/*============================================================
    goals
============================================================*/

.goals-table {
  color: #1f2021;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.goals-table .box_contents_title {
  padding: 15px 0 20px;
  margin: 3px 0 0 !important;
  color: #ffffcc;
  background-color:rgba(48,71,96,0.8);
}
.goals-table .box_contents {
  padding: 30px 30px;
  background-color: rgba(255,255,255,0.8);
}
.goals-table .box_details {
  display: block;
  padding: 30px 30px;
  background-color: rgba(255,255,255,0.8);
  color: #304760;
  margin: 10px 0 0;
}

.goals-table .tablTitle {
  display: block;
  text-transform: uppercase;
}
/*============================================================
    donate
============================================================*/

.donate-table {
  color: #1f2021;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.donate-table .box_contents_title {
  padding: 15px 0 20px;
  margin: 3px 0 0 !important;
  color: #304760;
  background-color:rgba(82,209,143,0.9);
}
.donate-table .box_contents {
  padding: 30px 30px;
  background-color: rgba(255,255,255,0.8);
}
.donate-table .box_details {
  display: block;
  padding: 30px 30px;
  background-color: rgba(255,255,255,0.8);
  color: #304760;
  margin: 10px 0 0;
}

.donate-table .tablTitle {
  display: block;
  text-transform: uppercase;
}
/*============================================================
    project section
============================================================*/

.projectss-box .projectss-box-caption .projectss-box-caption-content{
	position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center
}
.projectss-box .projectss-box-caption .projectss-box-caption-content .project-category,.projectss-box .projectss-box-caption .projectss-box-caption-content .project-name{
	padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
.projectss-box .projectss-box-caption .projectss-box-caption-content .project-category{
	font-size:14px;font-weight:600;text-transform:uppercase
}
.projectss-box .projectss-box-caption .projectss-box-caption-content .project-name{font-size:18px}
.projectss-box:hover .projectss-box-caption{opacity:1}
.projectss-box:focus{outline:0
}
@media (min-width:768px){
	.projectss-box .projectss-box-caption .projectss-box-caption-content .project-category{font-size:16px}
	.projectss-box .projectss-box-caption .projectss-box-caption-content .project-name{font-size:22px}
	.logo_img_holder{}
}


/*============================================================
============================================================*/

.all_radius{
	border-top-right-radius: 0.5em;
	border-top-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}
.top_radius{
	border-top-right-radius: 0.5em;
	border-top-left-radius: 0.5em;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.bottom_radius{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}
.icons_display {
	width: 100%;
	min-height: 100px;
	background-color: #ffffff;
	box-shadow: none;
	border: 0;
    padding:5% 3%;
    margin:30px 0;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}
.icons_display img{
	width: 100%;
	height: auto;
	min-width: 60px;
	min-height: 60px;
}
@media (max-width:992px){
	.col-md-2 {width: 30% !important; display: inline-block;}
	.icons_display {
		margin: 4% auto;
		padding:5% 3%;
	}
	
}
@media screen and (max-width:767px){
	.col-md-2 {width: 45% !important; display: inline-block;}
	.icons_display {margin: 4% auto;}
}
@media screen and (max-width:479px){
	.col-md-2 {width: 80% !important; display: inline-block;}
	.icons_display {margin: 4% auto;}
}

/*============================================
==============================================*/

.banner-img img {
	width: 100%;
	border-radius: 5px;
}
.custom_margins_10{margin: 10px 0;}


/*============================================@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}

==============================================*/