/*animations*/
@keyframes spin{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
@keyframes glow{
	from{
		text-shadow:0 0 10px #000, 0 0 20px #000, 0 0 30px #e60073, 0 0 40px #e60073,
		0 0 50px #e60073,0 0 60px #e60073,0 0 70px #e60073;
	}
	to{
		text-shadow:0 0 20px #000, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6,
		0 0 60px #ff4da6,0 0 70px #ff4da6,0 0 80px #ff4da6;
	}
}

@keyframes rotate{
	0%{
		transform:rotateY(0deg);
	}
	100%{
		transform:rotateY(360deg);
	}
}
.effect{
	animation:rotate 4s linear;
}
/*animations end here*/

/*wrappers*/
body{
	margin:0;
	background-color:#996633;
}
.main-container{
	margin:17px;
	background-color:#fff;
	overflow:auto;
	padding:15px;
	border-radius:7px;
	height:auto;
}
.main-wrapper{
	display:none;
}
/*wrappers end here*/

/*loader*/
		.loader{
			border-top:16px solid blue;
			border-bottom:16px solid #E5CD20;
			border-right:16px solid #393A38;
			border-left:16px solid #90F438;
			border-radius:50%;
			height:150px;
			width:150px;
			animation:spin 2s linear infinite;
			position:absolute;
			margin:50px auto;
			top:200px;
			left:40%;
		}
		.preloader{
			background-attachment:fixed;
			position:50px;
		}
/*loader ends here*/

/*header*/
.logo-area{
	width:100%;
	height:auto;
	background-color:#993300;
}
.header-right{
	color:white;
	width:100%;
	margin:1px auto;
}
.header-right i{
	letter-spacing:1px;
	font-family:arial narrow;
	padding:5px;
	font-size:1.2em;
}
.logo{
	width:20%;
	height:23%;
	position:relative;
	bottom:5px;
	border-radius:7px;
	margin:5px auto;
	position:fixed;
	top:2px;
	left:80%;
	text-align:right;
}
#slider .logo2{
	width:17%;
	height:180px;
	position:absolute;
	top:66%;
	left:40%;
	border-radius:50%;
	border:#fff 3px solid;
}
#slider{
	width:100%;
	height:500px;
	background-color:#add8e6;
	margin:1px auto;
	overflow:hidden;
	position:relative;
	border:2px #000 solid;
}
#slider .banner{
	width:100%;
	height:100%;
	position:absolute;
}
div#clbc{
	font-size:2.2em;
	letter-spacing:3px;
	font-family:roboto;
	font-weight:bold;
	color:#fff;
	text-shadow:2px 3px 5px black;
	margin:1px auto;
	text-align:center;
}
.menu-bg{
	background-image:url(../images/banner/menubg.png);
	background-size:cover;
	height:auto;
	padding:10px;
	box-shadow:4px 5px 4px 5px rgba(0,0,0,0.6);
}
.navbar{
	margin:1px auto;
	height:auto;
}
.navbar ul li{
	list-style:none;
	display:inline-block;
	padding:2px;
	width:150px;
}
.navbar ul li a{
	text-decoration:none;
	font-family:Arial narrow;
	font-size:2em;
	font:bold;
	text-shadow:4px 5px 7px rgba(0,0,0,0.6);
	text-align:center;
}
.navbar ul li a img{
	width:70%;
	box-shadow:4px 5px 4px 5px rgba(0,0,0,0.6);
	margin:2px auto;
}
.navbar ul li a img:hover{
	box-shadow:5px 7px 5px 7px rgba(200,0,0,0.6);
}
a:visited{
	color:purple;
}
.mobile-menu{
	height:0;
	overflow:hidden;
}
#mobile-menu-list{
	height:0;
	overflow:hidden;
}
#hide{
	width:20%; 
	height:auto;
	color:white; 
	font-size:2.2em; 
	float:right;
	position:relative; 
	top:-15px; 
	cursor:pointer;
	background:black;
	border-radius:10px;
	text-align:center;
}
/*headers end here*/


/*about us menu*/
.menu-wrapper{
	width:100%;
}
.main-menu{
	background:url(../images/bg.jpeg);
	background-size:cover;
	width:100%;
	height:auto;
	margin-top:30px;
	border-radius:10px;
	position:relative;
	top:5px;
	margin-left:1px;
}
.main-menu div {
	background-image:radial-gradient(rgba(239,65,54,0.5),rgba(169,124,80,0.5));
	color:white;
	height:auto;
	min-height:100px;
}
.main-menu h3{
	color:#996600;
}
/*about us menu ends here*/

/*break header three*/
h3#pr-section{
	font-family:chiller;
	font-size:1.6em;
	letter-spacing:2PX;
	color:#003399; 
	background:#e2d31a; 
	width:100%; 
	text-align:center;
}
/*break header three end here*/

/*daily sermons and video services*/
.pastor{
	position:relative;
	bottom:5px;
	background:#603813;
	background-size:cover;
	width:100%;
	border-style:none;
	height:auto;
	min-height:80px;
	color:#FFFFFF;
	box-shadow:4px 4px 6px black;
	margin:1px auto;
}
.pastor:hover{
	background:#750e38;
	width:95%;
	margin:1px auto;
}
.pastor h4{
	position:relative;
}
#pastor-btn{
	position:relative;
	left:160px;
	top:-25px;
	font-size:20px;
}
#pastor{
	width:90%;
	height:auto;
	background:#FFCCCC;
	border-radius:15px;
	border:3px #666666 solid;
	font-size:18px;
}
/*daily sermons and video services ends here*/

/*testimony and requests*/
.testimony-request{
	text-align:center;
	position:relative;
	width:100%;
}
.request,.testimony{
	display:inline-block;
	width:48%;
	height:140px;
	background-image:linear-gradient(#f2d34e,#5b4005);
	border-radius:6px;
	border:black;
	text-align:center;
	color:white;
	position:relative;
	box-shadow:5px 7px 5px 7px rgba(0,0,0,0.5);
}
.request,.testimony h3{
	font-size:1.5em;
	font-family:arial narrow;
	cursor:pointer;
	animation: glow 1s ease-in-out infinite alternate;
}
.testimony{
	top:-23px;
}
#testimony-form,#prayer-form {
	position:absolute;
	top:3px;
	text-align:center;
	width:100%;
}
#rname,.name{
	width:95%;
	height:30px;
	border-radius:8px;
	border:1px purple solid;
	background-color:skyblue;
	font-size:14px;
	color:white;
}
.testify,#requests{
	width:95%;
	height:70px;
	border-radius:8px;
	border:1px purple solid;
	background-color:skyblue;
	font-size:14px;
	color:white;
	font-style:italic;
}
textarea{
	font-size:14px;
	color:white;
	font-family:roboto;
	padding:10px;
}
input[type="text"]{
	font-size:14px;
	color:white;
	padding:10px;
}
/*testimony and requests end here*/

/*video player and icon*/
/*icon*/
#icon{
	width:40%;
	margin:2px auto;
	border-radius:50%;
}
#icon:hover{
	animation:spin 3s linear infinite;
}
a#icon-link:active{
	width:35%;
}
/*player*/
#display{
	background:purple;
	width:95%;
	border:#000000 1px solid;
	height:350px;
	border-radius:15px;
	text-align:center;
	margin:4px auto;
}
#displayed{
	width:100%;
	height:100%;
}
/*video player and icon ends here*/


/*gallery*/
#gallery{
	width:100%;
	height:auto;
	position:relative;
	color:white;
	background-color:#996633;
}
.gallery-pic{
	width:97%;
	height:300px;
	position:relative;
	top:15px;
	display:inline;
}
.description{
	background:#cccc66;
	width:90%;
	height:auto;
	position:relative;
	top:15px;
	margin:5px auto;
	font-size:1.5em;
}
div.sp-img{
	width:49%; 
	margin-bottom:20px;
	display:inline-block;
	background-color:#990000;
	box-shadow:4px 4px 6px #666666;
	padding-left:2px;
	margin-left:3px;
	
}
.gallery-pic:hover{
	width:93%;
	height:auto;
	box-shadow:5px 6px 5px 6px rgba(0,0,0,0.4);
}
div#gallary-container{
	padding:5px;
	margin:20px;
	text-align:center;
}
/*gallery ends here*/

/*accordion*/
#accordion{
	width:100%;
	height:auto;
	background:url(../images/bg.jpeg);
	background-size:cover;
	box-shadow:4px 4px 6px #666666;
	border-radius:10px;
}
#accordion h3 a{
	color:#603813;
}
#accordion span{
	color:#603813;
	font:bold;
	text-align:left;
}
#accordion .accordion-content{
	background-image:radial-gradient(rgba(249,237,50,0.4),rgba(96,57,19,0.4));
	color:white;
}
.depart-img-container{
	width:97%;
	height:auto;
	margin:1px auto;
	text-align:center;
	background-color:#b5af61;
}
.depart-image{
	background-color:#fff;
	width:46%;
	display:inline-block;
	text-align:center;
	margin:10px;
}
#accordion img{
	width:95%;
	padding:10px;
}
/*testimonies*/
.hometest{
	min-height:50px;
	background-color:#701b0a;
	width:100%;
	color:white;
	padding-left:10px;
}
.hometest b{
	font-size:1.5em;
	font-family:arial narrow;
	margin-top:15px;
}

/*accordion ends here*/

/*login page and cntrol pannel*/
.form-wrapper{
	width:100%;
	height:650px;
	background:#FFFFFFF;
	background-size:cover;
	position:relative;
} 
.form{
	text-align:center;
	position:relative;
	top:10px;
	width:80%;
}
.form-wrapper .form table{
	height:300px;
	border-radius:15px;
}
.input{
	width:600px;
	height:30px;
}

.p-form-wrapper{
	width:100%;
	height:650px;
	background:#FFFFFF;
	background-size:cover;
	position:relative;
} 
.pform{
	text-align:center;
	position:relative;
	top:10px;
	width:100%;
}
.pinput{
	width:300px;
	height:30px;
}
.wrapper{
	width:100%;
	height:660px;
	background:#FFFFFF;
	background-size:cover;
	border-radius:10px;
	border:tan 2px solid;
	overflow:auto;
}
.admin{
	position:relative;
	top:5px;
	width:30%;
	height:auto;
	font-size:20px;
	float:left;
	color:white;
}
.dbpic{
	width:50%;
	height:200px;
	position:relative;
	left:5px;
	float:left;
}
.vert{
	background:rgba(0,0,0,0.6);
	width:5px;
	height:360px;
	position:relative;
	left:220px;
}
.hori{
	background:rgba(0,0,0,0.6);
	height:5px;
	width:225px;
}
.vid-upload{
	width:30%;
	position:relative;
	right:500px;
	top:-300px;
	float:right;
}
#table{
	width:30%;
}
.recent-services{
	width:50%;
	height:450px;
	background:rgba(0,0,0,0.6);
	position:relative;
	overflow:auto;
	color:white;
	border:2px black solid;
	border-radius:10px;
	
}
.r-requests{
	width:45%;
	height:450px;
	background:rgba(0,0,0,0.6);
	position:relative;
	top:-10px;
	overflow:auto;
	color:white;
	border:3px black solid;
	border-radius:10px;
	left:10px;
}
.r-testimonies{
	width:45%;
	height:450px;
	background:rgba(0,0,0,0.6);
	float:left;
	position:relative;
	top:-10px;
	overflow:auto;
	color:white;
	border:3px black solid;
	color:white;
	border-radius:10px;
}
.logout{
	width:150px;
	background:black;
	color:white;
	height:60px;
	float:right;
	top:7px;
	box-shadow:5px 7px 5px 7px rgba(0,0,0,0.2);
	margin-right:10px;
	font-family:roboto;
	font-size:1.5em;
	border-radius:10px;
}
#p_logout{
	width:150px;
	background:black;
	color:red;
	height:60px;
	float:right;
	color:white;
}
.gallery-upload{
	width:20%;
	height:200px;
	position:relative;
	top:-80px;
	right:-250px;
}
/*login page and cntrol pannel ends here*/

/*tweet form*/
.post{
	height:auto; 
	width:80%; 
	position:relative;
}
#posted{
	height:500px;
	width:40%;
	background:rgb(255,33,33);
}
#tweet{
	width:100%;
	height:150px;
}
#tweet:input{
	font-size:30px;
}
.tweet-post{
	height:auto; 
	width:100%; 
}
/*tweet form ends here*/


/*footer*/
footer{
	width:100%;
	height:auto;
	background-color:#000000;
	font-size:14px;
	border-radius:5px;
	border:#996633 2px solid;
	cursor:pointer;
	color:white;
	margin-top:20px;
}
footer a{
	color:white;
	text-decoration:none;
	font-size:14px;
}
.handles ul li{
	list-style:none;
	padding:5px;
}
.handles ul li a{
	text-decoration:none;
	color:white;
	font-size:18px;
}
.handles ul li a:hover{
	color:purple;
}
.handles ul li:hover{
	border-style:dotted;
	color:black;
}
/*footer ends here*/



/*loader*/
		.loader{
			border-top:16px solid #FFCC66;
			border-bottom:16px solid #FFCC66;
			border-right:16px solid #CC3333;
			border-left:16px solid #CC3333;
			border-radius:50%;
			height:150px;
			width:150px;
			animation:spin 2s linear infinite;
			position:absolute;
			margin:50px auto;
			top:200px;
			left:40%;
		}
		.preloader{
			background-attachment:fixed;
			position:50px;
			text-align:center;
		}
		@keyframes spin{
			0%{
				transform:rotate(0deg);
			}
			100%{
				transform:rotate(360deg);
			}
		}