@charset "utf-8";
/* CSS Document */



.img-logo{
    width: 80px;
    height: auto;
	float: none;
	padding: 0px;
}

.img-log:hover{
	width: 120px;
}

.img-fluid-smedia {
  width: 150px;
  height: auto;
}

.img-fluid-smedia:hover{
	width: 160px
}

.navbar-logo {
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.bg-light {
    background-color: transparent !important;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.donate{
	padding-top:40px;
	font-size: 14px;
	color: #FF0004;	
	text-align: center;
}

.foot{
	padding-top:10px;
	padding-bottom:10px;
	background-color:#1F1F1F;	
	color:#fff;
	border-top-style:double;
	
}

#footer-box{
	background-color:transparent;
	}
.footer-paragraph{
	color:#fff;	
}	

#footer {
  padding: 50px 0;
  color: #7f7f7f;
  position: relative;
  background-image: url(../images/001.jpg);
  background-attachment:fixed;
  background-size: cover;
}
#footer  {
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -40px;
  background: #fff;
  z-index: 8;
  width: 80px;
  height: 80px;
  font-size: 30px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#footer .gotop {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -40px;
    background: #fff;
    z-index: 8;
    width: 80px;
    height: 80px;
    font-size: 30px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.gotop{
	background-color: aliceblue;
	z-index: 8;
    width: 80px;
    height: 80px;
}

.smbuttons{
	color: #800080;
  text-decoration: none;
  background-color: transparent;
}

.smbutton:hover {
  color: #800080;
  text-decoration: none;
}

#footer .gotop:hover, #footer .gotop:focus {
  top: -25px;
  text-decoration: none !important;
}
#footer .copyright {
  font-size: 16px;
  margin-bottom: 0px;
  padding-bottom: 0;
}

.footer-fonts{
	color:#ccc;
	font-size: 13px;
}
.Header-2{
	background-color: purple;
 height: 5px;
}

.row-areas{
	border: thin;
	border-bottom-style: ridge;
	height: auto;
	background-color: #fff;
    text-align: center;
	padding-top: 10px;
}

.row-1{
	background-color:transparent;
	height: auto;
}

#smsite{
	text-align:center;
	width: auto;
	height: auto;
	font-size:24px;
	 font-weight: 400;
	color:#353333;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding-bottom: 20px;
    line-height: 1.5;
     animation-name: example;
      animation-duration: 4s;
      animation-delay: -2s;
}

.social-area1{
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.hpageinfo-area{
	background-image: url("../images/mpageinfo/4.jp");
	height: auto;
	background-size:cover;
	padding-left:50px;
	padding-top:20px;
	color:#ddd;
	background-color:#1F1F1F;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
   
}

.slider-img{
	color:#000;
}

.social_holder{
    float:right;
}

.social {
  padding: 0;
  margin: 0;
  display: inline-block;
  position: relative;
  width: 100%;
}
.social li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.social li a {
  font-size: 16px;
  display: table;
  width: 40px;
  height: 40px;
  margin: 0 4px;
}

.social li a i {
  display: table-cell;
  vertical-align: middle;
}
.social li a:hover, .social li a:active, .social li a:focus {
  text-decoration: none;
  border-bottom: none;
}
.social li a.social-box {
  background:#9f466e;
  color: #fff;
}
.social li a.social-circle {
  background: #9f466e;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.social li a:hover {
  background: #393e46 !important;
}
.social.social-box a {
  background: none;
  color: #fff;
}
.social.social-circle a {
  background: none;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.social2 {
  padding: 0;
  margin: 0;
  display: inline-block;
  position: relative;
  width: 100%;
}
.social2 li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.social2 li a {
  font-size: 24px;
  display: table;
  width: 4px;
  height: 4px;
  margin: 0 4px;
}

.social2 li a i {
  display: table-cell;
  vertical-align: middle;
}
.social2 li a:hover, .social li a:active, .social li a:focus {
  text-decoration: none;
  border-bottom: none;
}
.social2 li a.social-box {
  background:#9f466e;
  color: #fff;
}
.social2 li a.social-circle {
  background: #9f466e;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.social2 li a:hover {
  background: #393e46 !important;
}
.social2.social-box a {
  background: #9f466e;
  color: #fff;
}
.social2.social-circle a {
  background: transparent;
  color: #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?qtatmt');
	src:url('../fonts/icomoon/icomoon.eot?qtatmt#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.ttf?qtatmt') format('truetype'),
		url('../fonts/icomoon/icomoon.woff?qtatmt') format('woff'),
		url('../fonts/icomoon/icomoon.svg?qtatmt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

#fh5co-header {
  position: absolute;
  z-index: 99;
  width: 100%;
  opacity: 1;
  top: 0;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #fh5co-header {
    margin-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  }
  #fh5co-header .navbar-brand {
    color: #9f466e !important;
  }
  #fh5co-header #navbar li a {
    color: rgba(0, 0, 0, 0.5) !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  #fh5co-header #navbar li a:hover {
    color: 	#9f466e !important;
  }
  #fh5co-header #navbar li a span:before {
    background: transparent !important;
  }
  #fh5co-header #navbar li.active a {
    background: transparent;
    background: none;
    color: #9f466e !important;
  }
  #fh5co-header #navbar li.active a span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
#fh5co-header .navbar {
  padding-bottom: 0;
  margin-bottom: 0;
}
#fh5co-header #navbar li a {
  font-family: "Source Sans Pro", Arial, sans-serif;
  color: #fff;
  position: relative;
  font-size: 19px;
  font-weight: 300;
}
#media-header{
	  font-family: "Source Sans Pro", Arial, sans-serif;
  color: #fff;
  position: relative;
  
  font-weight: 300;
	}
#fh5co-header #navbar li a span {
  position: relative;
  display: block;
  padding-bottom: 2px;
}
#fh5co-header #navbar li a span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
 ; -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#fh5co-header #navbar li a:hover {
  color: #F0D100;
}
#fh5co-header #navbar li a:hover span:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
#fh5co-header #navbar li.active a {
  background: transparent;
  background: none;
  color: #F0D100;
}
#fh5co-header #navbar li.active a span:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#fh5co-header .navbar-brand {
  float: left;
  display: block;
  font-size: 30px;
  font-weight: 700;
  padding-left: 0;
  color: #fff;
}

#fh5co-header.navbar-fixed-top {
  position: fixed !important;
  background: #501b1d;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  margin-top: 0px;
  top: 0;
}
#fh5co-header.navbar-fixed-top .navbar-brand {
  color: #9f466e;
}
#fh5co-header.navbar-fixed-top #navbar li a {
  color: #9f466e;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#fh5co-header.navbar-fixed-top #navbar li a:hover {
  color: #fff;
}
#fh5co-header.navbar-fixed-top #navbar li.active a {
  background: transparent;
  background: none;
  color: #fff;
  }
  .navbar-right{
	 margin-top:30px;
    float: right !important;
    margin-right: -16px;
}
  
#fh5co-header.navbar-fixed-top #navbar li.active a span:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  background-color: #fff;
}
#fh5co-header .navbar-default {
  border: transparent;
  background: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
@media screen and (max-width: 768px) {
  #fh5co-header .navbar-default {
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
}
#fh5co-header .navbar-default .brand-slogan {
  margin: 28px 0 0 15px;
  float: left;
  letter-spacing: 2px;
  color: #adadad;
}
#fh5co-header .navbar-default .brand-slogan em {
  color: #000;
  font-style: normal;
}
#fh5co-header a {
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

#fh5co-home {
  background-color: transparent;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  width: 100%;
  background-color: #329998;
  color: #fff;
  overflow: hidden;
}
#fh5co-home .gradient {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: .4;
  -webkit-backface-visibility: hidden;
  background-color: transparent;
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, transparent), color-stop(1, transparent));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left, transparent 80%, transparent 20%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right, transparent 80%, transparent 20%);
  background-image: -ms-repeating-linear-gradient(top left, transparent 80%, transparent 20%);
}
#fh5co-home, #fh5co-home .text-wrap {
  height: 820px;
}
#fh5co-home .text-wrap {
  display: table;
  width: 100%;
  position: relative;
  z-index: 4;
}
#fh5co-home .text-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#fh5co-home .text-inner a {
  color: white;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-home .text-inner a:hover, #fh5co-home .text-inner a:active, #fh5co-home .text-inner a:focus {
  text-decoration: none;
  color: white;
  border-bottom: 1px dashed white;
}
#fh5co-home .text-inner h1 {
  font-size: 50px;
  color: white;
  margin: 0 0 20px 0;
}
#fh5co-home .text-inner h2 {
  font-size: 28px;
  line-height: 38px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.slant {
  position: absolute;
  transform: rotate(-1.7deg);
  -ms-transform: rotate(-1.7deg);
  -webkit-transform: rotate(-1.7deg);
  -o-transform: rotate(-1.7deg);
  -moz-transform: rotate(-1.7deg);
  background-color: transparent;
  content: "";
  z-index: 3;
  display: inline-block;
  height: 70px;
  bottom: 0;
  margin-bottom: -35px;
  padding: 0;
  width: 101%;
}

#fh5co-intro {
  position: relative;
  bottom: 0;
  margin-top: -300px;
  z-index: 30;
  padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
  #fh5co-intro {
    padding-bottom: 3em;
  }
}
#fh5co-intro > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}
#fh5co-intro .fh5co-block {
  width: 25%;
  float: left;
  text-align: center;
  font-size: 15px;
  min-height: 350px;
  vertical-align: middle;
  padding: 50px;
  background: #fff;
  -webkit-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  -moz-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  -ms-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  -o-box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  z-index: 7;
  flex-grow: 1;
  background-size: cover;
  position: relative;
  backgroun-repeat: no-repeat;
  
}
.intro_container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
}



@media screen and (max-width: 768px) {
  #fh5co-intro .fh5co-block {
    width: 100%;
  }
}
#fh5co-intro .fh5co-block > .overlay-darker {
  z-index: 8;
  opacity: .5;
  background: #474747;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}


#fh5co-intro .fh5co-block > .overlay {
  background-image:url(../images/1.pg);
  background-color: #fff; 
  opacity: 1;
  z-index: 9;
  position: absolute;
  top: 1px;
  bottom: 0px;
  left: 0;
  right: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-intro .fh5co-block > .fh5co-text {
  position: relative;
  z-index: 10;
}
#fh5co-intro .fh5co-block > .fh5co-text .fh5co-intro-icon {
  font-size: 50px;
  color: #329998;
  margin-bottom: 30px;
  display: block;
}
#fh5co-intro .fh5co-block h2 {
  font-size: 24px;
  font-weight: 400;
}
#fh5co-intro .fh5co-block:hover > .overlay, #fh5co-intro .fh5co-block:focus > .overlay {
  opacity: 0;
  z-index: 9;
}
#fh5co-intro .fh5co-block:hover > .fh5co-text, #fh5co-intro .fh5co-block:focus > .fh5co-text {
  color: #fff;
}
#fh5co-intro .fh5co-block:hover > .fh5co-text .fh5co-intro-icon, #fh5co-intro .fh5co-block:focus > .fh5co-text .fh5co-intro-icon {
  color: #fff;
}
#fh5co-intro .fh5co-block:hover h2, #fh5co-intro .fh5co-block:focus h2 {
  color: #fff;
}
#fh5co-intro .fh5co-block:hover .btn, #fh5co-intro .fh5co-block:focus .btn {
  border: 2px solid #fff !important;
  background: transparent;
}
#fh5co-intro .fh5co-block:hover .btn:hover, #fh5co-intro .fh5co-block:focus .btn:hover {
  background: #329998 !important;
  border: 2px solid #329998 !important;
}


.main-contents-container {
    height: auto;
    max-width: 1210px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #BDB8B8;
    padding-bottom: 5px;
}
backi {
    font-size: 13px;
    color: #888;
    background: linearl-gradient(whitesmoke, whitesmoke);
    padding-right: 0px;
    line-height: 23px;
	display: block;
    padding: 4px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
	.book-sec-contents-container {
    height: 100%;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    padding-bottom: 15px;
	padding-top: 15px;
}
.col-md-12-3 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	float:right;
}

.book-sec{
  background:#ddd; 
 width:100%;
 float:left;
}	 
.book2-sec{
	float:RIGHT;
 background:green;
 width:100%;
}	 
.caption{
	padding-right:0px;
	}

.content_area{

}

.accordio{
  margin: 0 0 30px 0;
  font-size: 50px;
  font-weight: 300;
  color: #842473;
  text-transform: uppercase;
  position: relative;
  display: block;
  padding-bottom: 20px;
  line-height: 1.5;
	text-align:center;
	
      background-color: transparent;
      animation-name: example;
      animation-duration: 4s;
      animation-delay: -2s;
}

.accordio2{
  margin: 0 0 30px 0;
  font-size: 50px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  display: block;
  padding-bottom: 20px;
  line-height: 1.5;
	text-align:center;
	
      background-color: transparent;
      animation-name: example;
      animation-duration: 4s;
      animation-delay: -2s;
}


@keyframes example {
  0%   {background-color:transparent; left:0px; top:0px;}
  25%  {background-color:transparent; left:200px; top:0px;}
  50%  {background-color:transparent; left:200px; top:0px;}
  75%  {background-color:transparent; left:0px; top:30px;}
  100% {background-color:transparent; left:0px; top:0px;}
}

/* social media */
.fa {
 display: flex;
    text-decoration: none;
    background: transparent;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0 15px 10px;
	padding-bottom: 0px;
}

/* hover effect  */
.fa:hover {
  opacity: 0.7;
}

/* Setting a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: transparent;
  color: white;
	
}

/* Twitter */
.fa-twitter {
  background: transparent;
  color: white;
}

.social_holder{
	
}

.img-gallery{
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

.section-heading h2 {
  margin: 0 0 30px 0;
  font-size: 50px;
  font-weight: 300;
  color: #842473;
  text-transform: uppercase;
  position: relative;
  display: block;
  padding-bottom: 20px;
  line-height: 1.5;
}

.section-heading h3{
 color: #842473;	
 font-size: 30px;
 font-weight: 100;
}


.container-inner {
	display:flex;
	flex-direction: column;
	align-items: center;
}

.container-inner:hover {
	cursor: pointer;
}

.container-inner img {
	filter: grayscale();
	border-radius: 2%;
	border: 0px solid whitesmoke;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	margin-bottom: 1rem;
	transition: filter 0.4s ease-in-out;
}

.container-inner:hover img {
	filter: none;
}

.container_fluid_branch{
  margin: 0;
  line-height: 1.5;
  color: #908B8B;
  text-shadow:5px;
  text-align: left;
  background-image:url("footer/3.jpg");
  border-top-style: none;
 border-bottom-color: red;
 background-attachment: fixed;
 background-size: cover;
}

.prayerwar{
	padding-left: 15px;
	padding-right: 15px;
	background: #F4F4F4;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

.prayerzone{
	padding-bottom: 10px;
}




#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){
	background-color: #f2f2f2;
}
#customers tr{
	background-color:#ddd;
}
#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #800080;
  color: white;
}