* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  outline:none;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


html,
body{
	padding:0;
	margin:0;
}
body {
	background: #fff;
	color: #212121;
	font-weight:normal;
	 -webkit-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;

}
#canvas {
    position: absolute;
    z-index: 10;
}

.clearfix{clear:both;}

strong{
	font-weight:500;
}
.clear{clear:both;}
a{
	color: #004d67;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	outline: none;
	color:#0a2133;
}
a img ,img{
	border: none;
}
a:focus, a:hover, a:active {
	outline: none;
}
img,fieldset{border:none;}
img{max-width:100%;height: auto;}
h1,h2,h3,h4{
	padding:0;
	margin:0;
	line-height:normal;
	font-weight:normal;
font-family: 'Libre Baskerville', serif;

	color:#433f3f;
	padding: 0 0 15px;

}
h1{
	font-size: 50px; line-height: 60px; margin: 0px; padding-bottom: 20px
}
h2{
	font-size: 40px;
	line-height:50px
}
h3{
	font-size: 24px;
	line-height:31px
}
h4{
	font-size:19px;
}

p{
	padding:0 0 15px;
	margin:0;
	font-weight:300; font-size: 19px; line-height: 28px; 
}

li{
	padding:0 0 5px;
	margin:0;
	font-weight:300; font-size: 20px; line-height: 28px
}

ul{padding-left: 20px}
hr{
    height: 1px;
    border: none;
   height: 6px; background: #eee; margin: 25px 0;clear: both;
	display:block; width:100%
}

ul.listbar{list-style:none; padding:0; margin:0;}

a.btn{font-size: 16px; text-transform: uppercase; font-weight: 300;   border: 2px solid #ffffff;
    padding: 10px 20px; border-radius: 3px;display: inline-block; color: #ffffff }



img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}



/* Offcanvas */

#offcanvas {

  bottom: 0;

  top: 0;

  height: 100%;

  left: 0;

  right: 0;

  overflow: auto;

  position: fixed;

  z-index: 1000000;

  background-color: rgba(0,0,0,0.1);

  display: none;

}


.off-canvas-wrapper{

  position: relative;

  left: -220px;

}


#offcanvas .navbar-nav{

  margin: 0;

  float: none;

  width: 220px;

}


#offcanvas li {

  float: none;

  border-bottom: 1px solid #fff;

}

#offcanvas .navbar-nav > li > a:after{content:'';}
#offcanvas .navbar-nav > li > a:hover{color:#FFF;}

#offcanvas > ul > li{

  background-color: #222;


}


#offcanvas li:last-child{

  border-bottom: none;

}


#offcanvas .dropdown-menu, #offcanvas .flyout-menu{

  display: block;

  width: 100%;

  max-width: 100%;

  position: relative;

  left: 0;

  top: 0;

  border-radius: 0;

  float: none;

  box-shadow: none;

  border: none;

  margin: 0;

  padding: 0;

}


#offcanvas .dropdown-menu > li > a, #offcanvas .dropdown-menu > li > span{

  padding: 10px 20px;

  display: block;

  font-size: 100%;

}


#offcanvas .flyout-menu > li > a, #offcanvas .flyout-menu > li > span{

  padding-left: 35px;

}


#offcanvas .dropdown-menu > li.parent, #offcanvas .flyout-menu > li{

  padding: 0;

}


#offcanvas .navbar-nav > li > a {
	background: none!important;
  	color: #fff;
    padding: 7px 0;
    display: block;
    font-size: 16px;
	    text-transform: uppercase;
}


#offcanvas > span{

  position: fixed;

  top: 10px;

  right: 10px;

  z-index: 100000;

  color: #CCC;

  display: none;

}


#offcanvas > span:hover{

  cursor: pointer;

  color: #DDD;

}


.navbar-toggle{

  border: none;

  margin-top: 5px;

  margin-bottom: 5px;

}


.navbar-toggle .glyphicon{

  font-size: 17px;

  vertical-align: middle;
  
    
}


.off-canvas-wrapper {

  background: #4BAF50;

  position: absolute;

  top: 0px;

  bottom: 0px;

  overflow: auto;

}


#offcanvas .glyphicon-remove{

  font-size: 30px; display:none!important;

}
.navbar-toggle {
    color: #727272;
}
.navbar .btn {
    padding-bottom: 6px;
    padding-top: 6px;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-toggle {
    display: none;
}

.navbar-toggle {
    border-radius: 0;
    float: right;
    margin:0 auto;
    position: relative;
	cursor:pointer;
	display: none;
	background: transparent;
	padding:0;
}

.navbar-toggle .glyphicon:focus{outline:none;}

.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.navbar-toggle .glyphicon {
   
    vertical-align: middle;
}
.glyphicon {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 0;
    position: relative;
    top: 0;
}

.glyphicon-menu-hamburger:before{ 
}
.glyphicon-menu-hamburger{
	background: #423F4C;
    text-transform: uppercase;
    color: #fff;
    line-height: 77px;
    padding: 0 20px; 	font-family: 'Roboto', sans-serif;
}
.noscroll {
    overflow: hidden;
}
.off-canvas-wrapper ul{list-style:none; padding:30px 10px 20px 10px ; margin:0;}
.off-canvas-wrapper ul li{}
.off-canvas-wrapper ul li a{    color: #FFF;}

.off-canvas-wrapper ul ul{padding-top:0; padding-bottom:10px;}
.off-canvas-wrapper ul ul li a{    display: block;padding: 5px 0;background: none!important;}

.wrap{max-width:1170px; padding:0 15px; margin:0 auto;position: relative;}
.wrap:after,#bottombar:after,#banner-home:after,#header:after,#mainbody:after,#bottom:after,#mainbody ul:after,#mainbody ul:before{clear:both; content:''; display:table;}
ul.modules{list-style:none; padding:0; margin:0;}

#header{width:100%;background-color: #ffffff}
#headertwo{width:100%;background-color: #4BAF50; padding-top: 15px; padding-bottom: 0px}

.headercontact{float: left}
.headersocial{float: right}
.headersocial img{padding-top: 5px}
.headersocial p{padding: 0px; margin: 0px}

.headercontact p{color: #ffffff; font-size: 19px; line-height: 25px}
.headercontact a{color: #ffffff}


.logo{float: left;z-index: 999;}
.logo img{padding-top: 15px; padding-bottom: 15px}

#banner-home{position:relative;width: 100%;}
body.home .flexslider .slides > li{height:800px;}

.flexslider .slides > li{height:350px;}

#banner-church .flexslider .slides > li{height:600px;}

.church-email p{text-align: left}

.flex-control-nav {width: 100%;  position: absolute; bottom: 40px!important; text-align: right!important; z-index: 99;right:20px;}
.flex-control-paging li a.flex-active {background: #FFF!important;}
body.home .flex-control-nav{text-align:center!important;}
.flex-control-paging li a {  background: none!important;  width: 12px!important;  height: 12px!important; border: 1px solid #fff;box-shadow: none!important; font-size: 0;}
.flex-direction-nav {  position: absolute;  top: 45%; z-index: 999;width: 100%; }
body.home .flex-direction-nav {display:block;}
.flex-direction-nav a{text-indent:-9999px;    width: 78px!important; height: 94px!important;    font-size: 0;}
#main-nav{padding:0;float: right; padding-top:24px}
.desktop-menu{padding: 0;  position: relative;z-index: 99999;}
.desktop-menu ul{list-style:none; padding:0; margin:0;}
.desktop-menu ul li{display: block; position: relative; float:left; padding: 0;}
.desktop-menu ul li:first-child a{}
.desktop-menu ul li:last-child a{}
.desktop-menu ul li a{
	display: block;
	font-size: 15px;
	color: #443f43;
	padding:6px 12px;
	text-transform: uppercase;
	font-weight:300;

}
.desktop-menu ul li.current-menu-item, li.current-menu-ancestor, .desktop-menu ul li:hover{background:#4BAF50;color:#ffffff;}
.desktop-menu ul li a:hover,.desktop-menu ul li:hover > a,.desktop-menu ul li.current-menu-item a, li.current-menu-ancestor a{background:#4BAF50;color:#FFF!important;}
.desktop-menu li ul{
	z-index: 999;
	position: absolute;
	top: 100%;
	left: -9999px;
	width: 300px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	text-align: left;
	border: 1px solid #fff;
	border-top: none;
	background: #4BAF50; margin-left:-1px
}

.desktop-menu li:hover ul{left:0;}
.desktop-menu li ul li{width:100%; border:none; margin:0;    padding: 0;background: none;}
.desktop-menu li ul li:last-child{border:none;}
.desktop-menu li ul li a{padding: 8px 15px!important;  color: #fff!important;  font-size: 14px; line-height:normal;   text-transform: uppercase; letter-spacing:0px}
.desktop-menu li ul li a:hover,.desktop-menu li ul li:hover a{background:#443f43;}
.desktop-menu li ul li ul{position:absolute; left:-9999px!important; margin-top:-46px;border-top: 0px solid #fff;}
.desktop-menu li ul li:hover ul{left:100%!important;}
.desktop-menu li ul li.menu-item-has-children a:after{content:'\f0da';color:#FFF; position:absolute;font-family: FontAwesome;    right: 15px; font-size:20px;}
.desktop-menu li ul li.menu-item-has-children li a:after{content:'';}

#mainbody{
	padding:0px 0 0px 0;
	
}


#footermain{background-color: #423F4C; padding-top: 80px; padding-bottom: 90px}
#footermain a{color: #ffffff}
#footermain p{color: #ffffff; font-size: 17px; line-height: 23px; padding-bottom: 0px; margin: 0px}

.footercolumnone{width: 28%; float: left; padding-right: 3%; border-left-width: 4px; border-left-color: #ffffff; border-left-style: solid; padding-left: 2%; min-height: 150px}
.footercolumntwo{width: 28%; float: left; padding-right: 3%; border-left-width: 4px; border-left-color: #ffffff; border-left-style: solid; padding-left: 2%; min-height: 150px}
.footercolumthree{width: 28%; float: left; padding-right: 3%; border-left-width: 4px; border-left-color: #ffffff; border-left-style: solid; padding-left: 2%; min-height: 150px}


.warden-contact p{
text-align: left
}


#copyright{
	background: #ffffff;
	color:#000000;
	padding: 40px 0;
}
.footleft{float:left;}
.footleft p {font-size: 17px; line-height: 23px;}

.newsgreybox{padding: 25px; background-color: #F9F9F9; margin-bottom: 30px!important; border-bottom-color: #4BAF50; border-bottom-width: 5px; border-bottom-style: solid}

.homegreyrow{background-color: #EEDFF6; padding-top: 100px; padding-bottom: 70px; background-image: url(images/foliage-background.png);  background-position: right bottom; background-repeat: no-repeat}
.homegreyrow p{color: #423F4C}
.homegreyrow a{color: #423F4C;font-weight: 400}
.homegreyrow h1{color: #423F4C}
.whiterow{padding-top: 70px; padding-bottom: 70px}
.whiterow a{color: #4BAF50; font-weight: 400}
.whiterowalt{padding-top: 70px; padding-bottom: 20px}

.teamprayer{padding-left: 40px; padding-right: 40px; background-color: #E4F9EB; padding-top: 30px; padding-bottom: 20px}

.teamprayer p{    font-size: 18px;
	line-height: 26px;}
	
.people-list{}
.people-list:after,.item-header:after{clear:both; content:''; display:table;}
.people-item{    float: left;   width: 48%; margin: 0 4% 90px 0;background: #FFF;}
.people-item:nth-child(2n){margin-right:0;}
.item-header{}
.people-img{    float: left;max-width: 40%;}
.people-img img{display:block;}
.people-info{
    float: right;
    max-width: 56%;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 0;
    padding-bottom: 15px;
}
.people-info h4{    padding: 0 0 5px 0;font-family: 'Roboto', sans-serif;}
.people-info h4.address{margin-bottom:10px;}
.people-info p{word-break: break-word; font-size:17px;    padding: 0 0 10px 0; text-align: left; line-height: 24px}
.people-info p:last-child{padding:0;}
.people-intro{background:#f5f5f7; border-bottom:5px solid #00b242;}
.people-intro p{ padding:20px;    font-size: 17px; text-align: left; line-height: 24px}
.church-header{background:#3f3945; padding:55px 0; color:#FFF;}
h1.church-title{background: #3f3945;
    display: inline-block;
        margin-top: -125px;
   
    z-index: 9999;
    padding: 15px 30px 0;
    border-radius: 10px 10px 0 0;
    color: #FFF;
    position: absolute; margin-left: -30px}
.church-intro{}
.church-intro:after{content:''; display:table; clear:both;}
.intro-left{float: left;
    width: 47%;}

.intro-left p{text-align: left}

.intro-right{float: right;
    width: 47%;}
.intro-right ul.gallery{list-style:none;padding:0;margin:0}
.intro-right .gallery  li{    float: left;
    width: 32%;
    margin: 0 2% 5px 0;}
.intro-right .gallery  li a{ display:block;    border: 3px solid #fff; }
.intro-right .gallery  li img{display:block;}
.intro-right .gallery  li:nth-child(3n){margin-right:0;}

.church-add{padding: 35px 0 0 0;}
.church-phone{background: url(images/phone-icon.png) no-repeat left center;
    font-size: 24px;
    padding: 10px 0 10px 42px;
    line-height: 35px;
    margin-bottom: 20px;}
.church-tools{}
.church-tools a{background: #0087b7;    vertical-align: middle;margin-right: 10px;    margin-bottom: 5px;
    color: #FFF;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 20px;}
.church-tools a.face-url{    font-size: 20px;
    height: 39px;
    border-radius: 50%;
    width: 39px;
    padding: 8px 0 0 0;
    text-align: center;}
.church-tools a:hover{background:#4baf4f;}
.church-email{background:#4baf4f;color:#FFF;padding: 15px 0;}
.church-email p{padding:0;}
.church-email a{color:#FFF;    font-weight: 500;}
.church-general{padding:85px 0;}
.church-general .colleft{float:left;width:58%;}
.church-general .colleft p{text-align: left}
.church-general .colleft h2{position:relative;padding: 0 0 25px 0; font-size:35px; line-height:45px;}
.church-general .colleft h2:after{    content: '';margin-top: 15px;
    height: 3px;
    width: 22%;
    display: block;
    background: #433f3f;}
.church-general .colright{float:right; width:37%;    padding: 100px 0 0 0;}
.warden-info{background:#4baf4f;color:#FFF; padding:15px;}
.warden-info:after{clear:both; display:table;content:''}
.wraden-img{    float: right;   width: 33%;}
.wraden-img img{display:block;}
.warden-contact{    float: left;    width:62%;}
.warden-contact h3{color:#FFF; padding-bottom: 5px}
.warden-contact a{color:#FFF;}
.warden-contact p{padding:0; font-size:17px; text-align: left; line-height: 22px}
.church-times{
	background:#4a5372;
	color:#FFF;
	padding:85px 0;
}
.timetable{float:left;width:47%;}
.timetable h4,.annual h4{color:#FFF;font-family: 'Roboto', sans-serif; padding:0;font-size: 22px;}
.timetable p,.annual p{padding:0 0 5px 0; font-size: 16px; line-height: 24px}
.annual{float:right; width:47%;}
.church-times h2{color:#FFF;    padding: 0 0 20px 0; font-size:32px; line-height:42px;}
.church-times ul{list-style:none; padding:0; margin:0;}
.church-times ul h3{color:#FFF;    padding: 5px 0 0 0;}
.church-times ul li{border-bottom:1px solid #fff;padding: 0 0 15px 0;margin: 0 0 15px 0;}
.church-times ul li:last-child{border:none;}
.church-times hr{ height:1px; margin-top: 10px; margin-bottom: 10px}
iframe{display:block; max-width:100%;}
.map-grey{
	-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

.annual a{color: #ffffff; text-decoration: underline}
.church-item{float:left;width:25%; position:relative;}
.church-item img,.church-item a{display:block;}
.church-item a:hover img{opacity:0.7;}
.churchitle{ position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center;}
.church-item h3{    background: #00b72b;font-family: 'Roboto', sans-serif;margin: 0 15px;
    color: #FFF;
    display: inline-block;
    font-size: 18px;    font-weight: 300;
    line-height: 24px;
    padding: 8px 16px;}
div.pp_default .pp_nav{display:none!important;}
a.pp_close{right: 10px!important;    top: -5px!important;}
@media only screen and (max-width: 1024px){
		.church-item{width:50%;}

}
@media only screen and (max-width: 767px){
	.people-item{width:100%; margin-right:0; margin-bottom: 30px}
    .church-item{width:100%;}	
	#banner-church .flexslider .slides > li{height:250px;}
	.intro-left,.church-general .colleft,.timetable,.annual,.wraden-img{width:100%;    margin-bottom: 20px;}
	.intro-right,.church-general .colright,.warden-contact{width:100%; padding:0;}
	h1.church-title{position:relative; padding:0 0 15px 0; margin:0;}
	.whiterowalt{padding-top: 30px; padding-bottom: 30px}
}

@media only screen and (max-width: 480px){
	.people-img{width:100%; margin-bottom:10px; max-width:100%;}
	.people-info{width:100%; max-width:100%;}
	.item-header{    padding: 20px;}
	
}