*{
	font-style:italic;
}
/*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 #996600, 0 0 40px #996600,
		0 0 50px #996600,0 0 60px #996600,0 0 70px #996600;
	}
	to{
		text-shadow:0 0 20px #000, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff,
		0 0 60px #fff,0 0 70px #fff,0 0 80px #fff;
	}
}
@keyframes rotate{
	0%{
		transform:rotateY(0deg);
	}
	100%{
		transform:rotateY(360deg);
	}
}
/*animations end here*/

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

/*loader*/
		.loader{
			border-top:16px solid #000;
			border-bottom:16px solid #000;
			border-right:16px solid #723804;
			border-left:16px solid #723804;
			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;
}
.logo{
	width:20%;
	height:23%;
	position:relative;
	bottom:5px;
	border-radius:7px;
	margin:5px auto;
	position:fixed;
	top:2px;
	left:80%;
	text-align:right;
}
.effect{
	animation:rotate 4s linear;
}
#slider{
	width:100%;
	height:500px;
	background-color:maroon;
	background-size:cover;
	margin:1px auto;
	overflow:hidden;
	position:relative;
}
#slider_banner{
	width:100%;
	height:400px;
}
#slider .banner{
	width:100%;
	height:100%;
	position:absolute;
}
#clbc{
	font-size:28px;
	letter-spacing:3px;
	font-family:roboto;
	font-style:bold;
	color:#fff;
	text-shadow:2px 3px 5px black;
	margin:1px auto;
	text-align:center;
}
.navbar{
	margin:1px auto;
}
.navbar ul li{
	list-style:none;
	display:inline-block;
	padding:8px;
}
.navbar ul li a{
	text-decoration:none;
	font-family:Arial narrow;
	font-size:2em;
	font:bold;
	color:#fff;
}
.navbar ul li:hover{
	box-shadow:4px 5px 7px rgba(0,0,0,0.6);
}
a:visited{
	color:purple;
}
.mobile-menu{
	height:0;
	overflow:hidden;
}

#mobile-menu-list{
	height:0;
	overflow:hidden;
}
.mobile-name{
	position:relative;
	top:10px;
	font-size:40px;
	letter-spacing:8px;
	color:#FFF;
	font-style:bold;
	font-family:roboto black;
	font-weight:bold;
}

.logo2 img.header-logo{
	width:100px;
	height:100px;
	padding:5px;
	border-radius:50%;
	float:right;
	
}
 .logo2{
	position:relative;
	top:8px;
	background:#4B0204;
	width:100%;
	box-shadow:4px 5px 4px 5px rgba(0,0,0,0.5);
	height:120px;
	bottom:7px;
}
.bar1, .bar2, .bar3{
			width:45px;
			height:8px;
			background:#fff;
			margin:6px 0;
			transition:0.4s;
			box-shadow:3px 2px 3px 2px rgba(0,0,0,0.5);
		}
		.change .bar1{
			-webit-transform:rotate(-45deg) translate(-9px,6px);
			transform:rotate(-45deg) translate(-9px,10px);
		}
		.change .bar2{
			opacity:0;
		}
		.change .bar3{
			-webit-transform:rotate(45deg) translate(-8px,-8px);
			transform:rotate(45deg) translate(-8px,-10px);
		}
/*headers end here*/


/*about us menu*/
.menu-wrapper{
	width:100%;
}
.main-menu{
	background:url(../images/background.jpeg);
	background-size:cover;
	width:100%;
	height:auto;
	margin-top:30px;
	border:#4B0204 3px solid;
	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;
}
#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;
}
/*about us menu ends here*/

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

/*daily sermons and video services*/
.pastor{
	position:relative;
	bottom:5px;
	background:#4B2502;
	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:#723804;
	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:rgba(114, 56, 4,0.7);
	border-radius:6px;
	border:black;
	text-align:center;
	color:white;
	position:relative;
	box-shadow:5px 7px 5px 7px rgba(0,0,0,0.4);
}
.request,.testimony h3{
	font-size:25px;
	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;
	background-color:#fff;
	font-size:14px;
}
.testify,#requests{
	width:95%;
	height:70px;
	border-radius:8px;
	background-color:#fff;
	font-size:14px;
	font-style:italic;
}
/*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:url(../images/music.jpg);
	background-size:cover;
	width:95%;
	border:#000000 1px solid;
	height:350px;
	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:#723804;
}
.gallery-pic{
	width:97%;
	height:300px;
	position:relative;
	top:15px;
	display:inline;
}
.description{
	background:#720407;
	width:90%;
	height:auto;
	position:relative;
	top:15px;
	margin:5px auto;
}
div.sp-img{
	width:49%; 
	margin-bottom:20px;
	display:inline-block;
	background-color:#723804;
	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{
	text-align:left;
}
#accordion span{
	color:#FFF;
	font:bold;
	text-align:left;
}
#accordion .accordion-content{
	background-image:radial-gradient(#723804,#723804,#0066cc);
	color:white;
}
.depart-img-container{
	width:97%;
	height:auto;
	margin:1px auto;
	text-align:center;
	background-color:rgba(0,0,0,0.6);
}
.depart-image{
	background-color:#723804;
	width:46%;
	display:inline-block;
	text-align:center;
	margin:10px;
}
#accordion img{
	width:95%;
	padding:10px;
}
/*testimonies*/
.hometest{
	min-height:50px;
	background-color:#723804;
	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*/
.login{
	display:none;
	text-align:center;
	position:relative;
}
.login .avatar{
	border-radius:90%;
	width:50%;
}
.login .login-content{
	width:98%;
	height:auto;
	border:1px #000 solid;
	padding:5px;
	display:inline-block;
}
.login .login-content #donebtn{
	width:97%;
	height:35px;
	background:#000;
	color:white;
	border-radius:10px;
	box-shadow:2px 3px 2px 3px rgba(0,0,0,0.4);
	margin-top:3px;
}
.login .login-content span{
	margin-top:6px;
	text-align:left;
}
.login-content #text{
	width:97%;
	height:30px;
	color:black;
	margin-top:5px;
	margin-bottom:5px
}
.form-wrapper{
	width:100%;
	height:650px;
	background:#FFF;
	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;
	color:#000;
}
.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%;
}
.overlay{
	height:0;
	overflow:hidden;
}
.recent-services:hover
.overlay{
	height:100px;
	width:100%;
	background:rgba(0,0,255,0.4);
	transition:0.5s;
	position:absolute;
}
.recent-services{
	position:relative;
	width:20%;
	height:150px;
	background:rgba(0,0,0,0.6);
	position:relative;
	overflow:auto;
	color:white;
	border-radius:10px;
	margin-left:10px;
	float:left;
	margin-top:5px;
}
.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;
}

.options{
	position:absolute;
	background:rgba(241,242,242,0.5);
	color:white;
	width:90%;
	box-shadow:5px 6px 5px 6px rgba(0,0,0,0.4);
	display:none;
	height:50%;
}
.options a{
	color:white;
}
#manage{
	width:97%;
	height:300px;
	position:relative;
	top:15px;
	display:inline;
}
/*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:#723804 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:black;
	font-size:25px;
}
.handles ul li:hover{
	background:rgba(167,169,172,0.6);
	border-style:dotted;
}
/*footer ends here*/
/*subscribe*/
div.subscribe-container{
	width:100%;
	height:50px;
	position:relative;
	top:10px;
	border-radius:20px;
	margin-bottom:5px;
}
div.subscribe-container form{
	width:97%;
	margin-left:10px;
	border-radius:20px;
}
input[type="email"].subscribe-form{
	width:75%;
	height:40px;
	border-radius:20px;
	font-size:1.2em;
	font:italic;
	padding-left:5px;
}
div.subscribe-container form .subscribe-btn{
	width:24%;
	height:40px;
	border-radius:20px;
	font-size:1.3em;
	background-image:linear-gradient(to right,#0A458C,#5CA0F2,skyblue,#ADCFF7);
}
/*end of subscribe*/
/*loader*/
		.loader{
			border-top:16px solid black;
			border-bottom:16px solid #000;
			border-right:16px solid #723804;
			border-left:16px solid #723804;
			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);
			}
		}