.tab-content { width: 100%; max-width: 900px; padding-right: 25px; }

/** Image Gallery Styles **/
#carousel-example-generic {
    margin: 20px auto;
    width: 100%;
}

#carousel-custom {
    margin: 9px auto;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: center;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
    max-width: 100px;
}
#carousel-custom .carousel-indicators li img {

    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}


.carousel-inner img {
  margin: auto;
}

.carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { padding-left: 20px; padding-right: 20px; }



/** // Image Gallery Styles **/


/* Global Link Styles */
a:link, a:visited,  a:active {
	color: #7099f8;
	text-decoration: underline;
}

a:hover {
	color: #7099f8;
  text-decoration: none;
}
/* Global Link Styles End */


/* TOP BG IMAGE WITH LINES  //  striped bg image verticlelines-bg-TOP.jpg  //  ceilinggriddesignlorheader.jpg */
/* .lines-bg-top { background: url(../images/header-toplogoare-bg-image-L-S.jpg) no-repeat top center; background-color: rgba(30,57,84) !important;} */

.bg-top { background-color: white !important;}




.img-wrapper {
  position: relative;
}

.img-wrapper img {
  width: 100%;
  height: auto;
}

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 5%;
}

.homeimage-text { color: white; text-align: center; font-size: 5rem; padding-left: 20px; padding-right: 20px; }
.homeimage-text-large { color: white; text-align: center; font-size: 8rem; padding-left: 20px; padding-right: 20px; }
.homeimage-text-mobile { color: white; text-align: center; font-size:3.5rem; height:10% !important; padding-left: 20px; padding-right: 20px; }
.homeimage-text-mobile-medium { color: white; text-align: center; font-size:2.5rem; height:10% !important; padding-left: 20px; padding-right: 20px;}

.homepage-welcome-headline { color: #4a649e; padding-bottom: 5px; font-size: 28px; }
.homepage-welcome-text { color: #4a649e; padding-bottom: 20px; font-size: 18px; }

.homepage-events-headline { color: #4a649e; padding-bottom: 5px; font-size: 28px; }
.homepage-events-text { color: #4a649e; padding-bottom: 20px; font-size: 18px; }

@media (max-width:760px) {

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 25%;
}

}

@media (max-width:400px) {

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 10%;
}

}


/* BOTTOM BG IMAGE WITH LINES */
.middle-nav { margin: 0 auto; background: #0b56ad; margin-bottom: 0px; }
.footer-background {background-color: #0859ad !important;}
.footer-background {background: url(../images/) no-repeat top center; background-color: #0859ad !important;}
/* .footer-background {background: url(../images/) no-repeat top center; background-color: #0859ad !important;} */
.container, .col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 { padding: 0 !important; } /* lg=large / md=medium / sm=small / xs-extra small  */
.row { margin-left: 0 !important; margin-right: 0 !important; }
ul { margin-top: 10px !important;}
li.subhead14 { margin-bottom: 10px !important;}
.page-title-padding {padding: 20px 0px 20px 0px;}
.padding-bottom-20px {padding-bottom: 20px;}
.padding-home-text { padding: 25px !important; }
/* bootstrap works off of 12 columns - by default they place padding / never mess with the bootstrap css file /  */

html {

}

body {
	margin-top:0px;
	background-color:#ffffff !important;
	background-position: top center !important;

}

.site_container {
	margin:0 auto;
	max-width:100%; /* site is no wider than 950px wide but if screen size is smaller that 950px make it width: 100%  // iphone is 320px wide */
	width: 100%; /* RESPONSIVE - change width to max-width & place width: 100% to trigger repsonive */
	height:100%;
  background-color: #ffffff !important;
}

iframe, object, embed {
        max-width: 100%;
}

.secondary-nav-container {
	max-width: 1050px;
	width: 100%;
	margin: 0 auto;
}

.homepage-blue-rule {
	max-width: 2400px;
	width: 100%;
	margin: 0 auto;
}

.border-left-white {
	border-left: solid 1px white;
}

.padding-25 { padding-left: 50px; padding-right: 50px;}

.blur img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.blur img:hover {
	-webkit-filter: grayscale(100%);
}

.padding-right-0 { padding-right: 0 !important; }
.padding-left-0 { padding-left: 0 !important; }

/* SAME HEIGHT COLUMNS START */


/* SAME HEIGHT COLUMNS END */

.vertical-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
		padding-left: 15px;
		line-height: 0px;
}

.welcome-text {
	padding: 0px 10px 20px 0px;
	max-width: 1160px;
	margin: 0 auto;
}

.body-copy a:link, .body-copy a:visited, .body-copy a:active {
	color: #418EE4 !important;
	text-decoration: underline !important;
}

.body-copy a:hover {
  color: #418EE4 !important;
	text-decoration: none !important;
}



.rotate { border-radius:50%;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;}

.rotate:hover { transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);}




.staff-text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
}





/* JM Styles 2-12-19 */

/* To change light blue background color change it below */
.light-blue-bg-color {
	background-color: #21425e;
}


/*DEECFC*/











/* page styles start  -  page styles start  -  page styles start  -  page styles start  -  page styles start  -  page styles start */

.top_banner_address_area {
	margin:0 auto;
	background-image: url(../images/header-logo.jpg);
	background-repeat:no-repeat;
	background-color:#7EACDD;094992
	max-width:100%;
	width: 100%;
	clear: both;
	height:auto;
	background-size: contain;
}

.top_banner_red_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
   /* border: 1px solid blue; */
}

.top_banner_address_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	text-align:right;
	color:#5E583F;
}

.home_slider_area {
	margin:0 auto;
	max-width:100%;
	width: 100%;
	height:auto;
}

.picture_banner_area {
	margin:0 auto;
	background-color:#2A787C;
	max-width:1160px;
	width: 100%;
	height:245px;
}

.middle_nav_area {
	margin:0 auto;
	max-width:100%;
	width: 100%;
	height:auto;
	padding-bottom: 6px;
	padding-left: 50px;
	padding-right: 50px;
  background-color: #0b56ad;
	text-decoration:none;
	color:#ffffff; /*link font color*/
	font-family: 'Lato', sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	overflow: hidden;
}

.fixed {
	position: -webkit-sticky;
	position: sticky;
	z-index: 100;
	top: 0px;
	width: 100%;
}

.home_top_body_area
{
	margin: 0 auto;
	max-width:1160px;
	width: 100%;
	height:auto;
	position: relative;
	top: -20px;
}

.interior_top_body_area
{
	margin: 0 auto;
	width: 100%;
	height: auto;
	background-color: #7EACDD;
	padding-bottom:0px;
}

.home_body_area
{
	margin: 0 auto;
	min-height:300px;
	color: #4a649e !important;
  	background-color: white !important;
	padding-top:20px;
	width: 100%;
	font-size:16px;
}

.floatleft_home_bodytext_area {
	float: left;
	max-width:550px;
	width: 100%;
	vertical-align:top;
	background-color: #ffffff;
	min-height: 300px;
	height: 100%;
}

.floatleft_home_leftside_area {
	float: left;
	max-width: 210px;
	width: 100%;
	vertical-align:top;
	background-color: #ffffff;
	min-height: 100%;
	padding: 0px 0px 0px 0px;
}

.floatleft_home_worshipschedule_area {
	float: left;
	max-width: 180px;
	width: 100%;
	vertical-align:top;
	background-color: #ffffff;
	min-height: 100%;
	padding: 0px 0px 0px 10px;
}

.floatleft_announcements_area {
	float: left;
	max-width: 220px;
	width: 100%;
	vertical-align:top;
	background-color: #ffffff;
	min-height: 100%;
	padding: 0px 0px 0px 0px;
}

.bottom_area
{
	margin: 0 auto;
	max-width: 1160px;
	width: 100%;
	padding: 0px 0px 20px 0px;
}

.footer_graphic_lowernav_container {
	margin: 0 auto;
	vertical-align:top;
	max-width: 1160px;
	width: 100%;
	text-align:center;
	padding: 20px 0px 20px 0px;
}

.homepage_worshipschedule_container {
	margin: 0 auto !important;
	display: block;
	border:1px;
	vertical-align:top;
	width: 100%;
	text-align:center !important;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align:left !important;
	color: #c5d6ef;
}


/* text starts  -  text starts  -  text starts  -  text starts  -  text starts  -  text starts  -  text starts  -  text starts */

hr {
	margin:0 auto !important;
	background-color:#acacf9 !important;
	max-width:1120px !important;
	width: 100% !important;
	height:1px !important;
  opacity: 0.2; !important;
}

.title_hr {
	margin:0 auto !important;
	background-color:#acacf9 !important;
	width: 60% !important;
	height:1px !important;
  opacity: 0.2; !important;
}

h1
{
	margin: 0 auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #4a649e;    /* WAS - #9cb3d5 */
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}

h2
{
	margin: 0 auto;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #9cb3d5;
	text-decoration: none;
}

h3
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #9cb3d5;
	text-decoration: none;
}

h4
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #9cb3d5;
	text-decoration: none;
}

h5
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9cb3d5;
	text-decoration: none;
}

.subhead14
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2B6C9E;
	text-decoration: none;
}

.subhead14_normal_16
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #327DB8;
	text-decoration: underline;
}

.subhead14_normal
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2B6C9E;
	text-decoration: none;
}

.industries_served_subhead18
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

.tagline_text
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #c5d2de;
	text-decoration: none;
}

.tagline_footer_text
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.body_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:left;
  	color: #4a649e}

.body_text_centered
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:center;
  color: #4a649e}

.body_text_subhead
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:center;
  color: #4a649e}

.worship_header
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align:left;
	color: #ffffff;
	text-decoration: underline;
}

.worship_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	color: #ffffff;
}

.footer_address_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align:center;
	color: #fff;
	padding-top:9px;
}

.body_area
{
	margin: 0 auto;
	max-width: 1060px;
	width: 100%;
	min-height: 300px;
	background-color: #ffffff;
}

.floatleft_home_worshipschedule_area {
	float: left;
	max-width: 180px;
	width: 100%;
	vertical-align:top;
	background-color: #D7D5C9;
	min-height: 100%;
	padding: 0px 0px 0px 10px;
}

.floatleft_announcements_area {
	float: left;
	max-width: 220px;
	width: 100%;
	vertical-align:top;
	background-color: #D7D5C9;
	min-height: 100%;
	padding: 0px 0px 0px 0px;
}

.floatleft_interior_bodytext_area {
	float: left;
	max-width:720px;
	width: 100%;
	vertical-align:top;
	background-color: #D7D5C9;
}

.floatleft_bodytext_area {
	float: left;
	max-width:530px;
	width: 100%;
	vertical-align:top;
	background-color: #D7D5C9;
	min-height: 300px;
	height: 100%;
}

.page_header_normal
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #2A787C;
	text-decoration: none;
}

.page_header_bold
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #646464;
	text-decoration: none;
}

.events_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	color: #7f7f7f;
}

.leftside_headline
{
	margin: 0 auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #646464;
	text-decoration: none;
}

.left_side_text_left
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	color: #69615A;
	vertical-align:top;
}

.left_side_text_center
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:center;
	color: #69615A;
	vertical-align:top;
}

.homeimage_text_center
{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:center;
	color: #69615A;
	vertical-align:top;
}




/* links start  -  links start  -  links start  -  links start  -  links start  -  links start  -  links start  -  links start */


/* top graphic links start */
.top_graphic_links	{
	text-decoration:none;
	color: #1D3F64;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.top_graphic_links a:link, .top_graphic_links a:visited, .top_graphic_links a:active {
	color: #1D3F64;
	text-decoration: none;
}

.top_graphic_links a:hover {
	color: #eee;
}
/* top graphic links end */


/* footer graphic lowernav links start */
.footer_graphic_lowernav_links	{
	text-decoration:none;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}

.footer_graphic_lowernav_links a:link, a:visited, a:active {
	color: #eee;
	text-decoration: underline;
	font-weight: normal;
}

.footer_graphic_lowernav_links a:hover {
	color: #eee;
}
/* footer graphic lowernav links end */

.facebook_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align:left;
	color: #FFFFFF;
	padding-left:12px;
}

/* facebook links start */
.facebook_links	{
	max-width: 1120px;
	width: 100%;
	text-decoration: none;
	color: #e1dfdf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.facebook_links a:link, .facebook_links a:visited, .facebook_links a:active {
	color: #e1dfdf;
	text-decoration: underline;
}

.facebook_links a:hover {
	color: #993333;
	text-decoration: underline;
}
/* facebook links end */


/* top banner address links start */
.top_links	{
	padding-top: 7px;
	text-decoration: none;
	color: #4A4855;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: right;
}

.top_links a:link, .top_links a:visited, .top_links a:active {
	color: #4A4855;
	text-decoration: underline;
}

.top_links a:hover {
	color: red;
	text-decoration: underline;
}
/* top banner address links end */


/* MiddleNav Links Start */
.middlenav_links	{
	padding-top: 2px;
	text-decoration: none;
	color: #ffffff; /*link font color*/
	font-size: 15px;
	font-weight: normal;
	text-align: right;
}

.middlenav_links a:link, .middlenav_links a:visited, .middlenav_links a:active {
	color: #ffffff; /*link font color*/
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
}

.middlenav_links a:hover {
	color: #9cb3d5; /*hover font color*/
}
/* MiddleNav Links End */



/* faqnav links start */
.faq_nav_links	{
	max-width: 1160px;
	width: 100%;
	padding-top: 7px;
	text-decoration: none;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}

.faq_nav_links a:link, a:visited, a:active {
	color: #eee;
	text-decoration: underline;
}

.faq_nav_links a:hover {
	color: #eee;
	text-decoration: underline;
}
/* faqnav links end */


/* faqnav links white start */
.faq_nav_links_white	{
	max-width: 1160px;
	width: 100%;
	padding-top: 7px;
	text-decoration: none;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}

.faq_nav_links_white a:link, a:visited, a:active {
	color: #eee;
	text-decoration: underline;
}

.faq_nav_links_white a:hover {
	color: #eee;
	text-decoration: underline;
}
/* faqnav links white end */


/* faith navlinks start */
.faith_nav_links	{
	max-width: 1160px;
	width: 100%;
	text-decoration: none;
	color: #1D3F64;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.faith_nav_links a:link, .faith_nav_links a:visited, .faith_nav_links a:active {
	color: #1D3F64;
	text-decoration: underline;
}

.faith_nav_links a:hover {
	color: #4E96CF;
	text-decoration: underline;
}
/* faith navlinks end */


/* fgw links start */
.fgw_links	{
	max-width: 1160px;
	width: 100%;
	height: 40px;
	padding-top: 10px;
	color: #4E96CF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}

.fgw_links a:link, .fgw_links a:visited, .fgw_links a:active {
	color: #4E96CF;
	text-decoration: underline;
}

.fgw_links a:hover {
	color: #97650D;
	text-decoration: underline;
}
/* fgw links end */


/* Body Links Start */
.body_links	{
	color: #1D3F64;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.body_links a:link, .body_links a:visited, .body_links a:active {
	color: #1D3F64;
	text-decoration: underline;
}

.body_links a:hover {
	color: #97650D;
	text-decoration: underline;
}
/* Body Links End */


/* Body Links small Start */
.body_links_small	{
	color: #1D3F64;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

.body_links_small a:link, .body_links_small a:visited, .body_links_small a:active {
	color: #1D3F64;
	text-decoration: underline;
}

.body_links_small a:hover {
	color: #97650D;
	text-decoration: underline;
}
/* Body Links small End */


/* print this link starts */
.print_this_link	{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1D3F64;
}

.print_this_link a:link, .print_this_link a:visited, .print_this_link a:active {
	color: #1D3F64;
	text-decoration: underline;
}

.print_this_link a:hover {
	color: #97650D;
}
/* print this link ends */


/* middle hot links start */
.middle_hot_links	{
	text-decoration: none;
	font-family:font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	text-align:center;
	padding: 3px 0px 0px 0px;
}

.middle_hot_links a:link, .middle_hot_links a:visited, .middle_hot_links a:active {
	color: #ffffff;
	text-decoration: none;
}

.middle_hot_links a:hover {
	color: #7fb6f3;
	-webkit-transform: scale(1.2);
  transform: scale(1.2);
  font-weight: 600;
}
/* middle hot links end */





/* disaster relief links start */
.disaster_relief_links	{
	text-decoration: none;
	font-family:font-family: 'Lato', sans-serif;
	font-size: x-large;
	font-weight: 600;
	color: #a5caf6;
	text-align:center;
	padding: 3px 0px 0px 0px;
}

.disaster_relief_links a:link, .disaster_relief_links a:visited, .disaster_relief_links a:active {
	color: #a5caf6;
	text-decoration: none;
}

.disaster_relief_links a:hover {
	color: #ffffff;
	-webkit-transform: scale(1.2);
  transform: scale(1.2);
  font-weight: 600;
}
/* disaster relief links end */


/* search field starts */
input[type=text] {
width: 170px !important;
padding: 4px !important;
margin: 0 auto !important;
padding-right: 10px !important;
outline: none !important;
border: 1px solid #2800F1 !important;
border-radius: 5px !important;
background-color: #FBFBFB !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 13px !important;
background-position: 130px -10px !important;
background-image: url('/images/search.png') !important;
background-repeat: no-repeat !important;

-webkit-transition: background-color .2s ease-in,
                    background-position .2s ease-in,
                    box-shadow .3s ease-in;

-moz-transition: background-color .2s ease-in,
                 background-position .2s ease-in,
                 box-shadow .3s ease-in;

-o-transition: background-color .2s ease-in,
               background-position .2s ease-in,
               box-shadow .3s ease-in;

-ms-transition: background-color .2s ease-in,
                background-position .2s ease-in,
                box-shadow .3s ease-in;

transition: background-color .2s ease-in,
            background-position .2s ease-in,
            box-shadow .3s ease-in;
}/* search field ends */


/* go button starts */
.classname {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0F2638), color-stop(1, #0F2638) );
	background:-moz-linear-gradient( center top, #0F2638 5%, #0F2638 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#0F2638;
	border:1px solid #2800F1;
	border-radius: 5px;
	display:inline-block;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
	position: absolute;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #97650D), color-stop(1, #97650D) );
	background:-moz-linear-gradient( center top, #97650D 5%, #97650D 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}/* go button ends */

/* Body Text Area Images */
.bodytextarea-img { display: block; margin: 10px 0; text-align: center; }
.bodytextarea-img .padding-container { padding: 0px 0px 0px 20px; text-align:center; }
.zero-padding: { padding: 0 !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-15 { padding-left: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-left-20 { padding-left: 20px !important; }
.index .middle-nav { top: -10px; }



@media (max-width: 1050px) {

    .worship_text { text-align: center;}
    .worship_header { text-align: center; }

}









/* Mobile Nav Styles */
nav select {
  display: none;
}

.pushmenu { display: none; }




@media (max-width: 1050px) {
    nav ul     { display: none; }
    nav select { display: inline-block; }
    .middlenav_links { display: none !important; }
    .styled-select {
    background: #ffffff url('../images/drop-down-arrow.gif') no-repeat scroll right center;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555 !important;
    height: 34px;
    margin-bottom: 13px;
    overflow: hidden;
    width: 100%;
}

.styled-select select {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset !important;
    color: #555;
    height: 100%;
    line-height: 1;
    padding-left: 5px;
    padding-right: 5px;
    width: 103%;
}


.pushmenu { /*this is the nav*/
  background: #0c4284;
    display: block;
  font-family: Arial, Helvetics, sans-serif;
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 1000;
  position:fixed;
    text-align: left;
    overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.pushmenu h3 {
  color: #cbbfad;
  font-size: 14px;
  font-weight: normal;
  padding: 15px 20px;
  margin: 0;
  background: #282522;
  height: 16px;
}

.pushmenu a {
  display: block; /* drops the nav vertically*/
  color: #fff !important;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none !important;
  border-top: 1px solid #56544e;
  border-bottom: 1px solid #312e2a;
  padding: 14px;
    float: left;
    clear: both;
    width: 100%;
}

    .pushmenu a:focus, a:hover { color: white; }

.pushmenu a:hover {

    color: #c5d6ef !important;
}

.pushmenu a:active {
  background: #454f5c;
  color: #fff !important;
}

.pushmenu-left {
  left: -240px;

}

.pushmenu-left.pushmenu-open {
  left: 0;
}

.pushmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.pushmenu-push-toright {
  left: 240px;
}

/*Transition*/
.pushmenu, .pushmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;

}

    .children-about { margin-left: 15px; }
    .children-worship { margin-left: 15px; }
    .children-features { margin-left: 15px; }
    .children-ministries { margin-left: 15px; }
    .children-youth { margin-left: 30px; }
    .children-committees { margin-left: 15px; }
    .children-cool { margin-left: 15px; }
    .children-outreach { margin-left: 15px; }

#nav_list {
  background: url(https://www.fgwministries.org/images/global-images/icon_nav.png) no-repeat left top;
  background-size:contain;
  cursor: pointer;
  height: 27px;
  width: 33px;
  text-indent: -99999em;
}

nav-list.active {
  background-position: -33px top;
}

 .buttonset {
      height: 16px;
      padding: 0px 20px 20px;
 }

 section.content {
   font-family: Arial, Helvetica, sans-serif;
   padding: 10px 20px;
 }

}

/* FACEBOOK REPONSIVE STYLES START */
<styles>
.facebook-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.facebook-responsive iframe {
left:0;
top:0;
margin-top:20px;
height:100%;
width:100%;
position:absolute;
}
</styles>
/* FACEBOOK REPONSIVE STYLES END */

/*.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 2.0s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 2.0s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 2.0s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 2.0s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 2.0s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 2.0s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 2.0s ease-in-out}.w3-animate-input:focus{width:100%!important}*/

* {
	box-sizing: border-box;
}



/* =================================
  Base Layout Styles
==================================== */

/* ---- Layout Containers ---- */
main-header {
	text-align: center;
	padding: 2.8em 0 3.8em;
}
.cube-container {

	text-align: center;
	margin: 0 auto 4.5em;
}
/* ---- Page Elements ---- */

.name {
	font-size: 1.65em;
	font-weight: 800;
	margin: 0 0 1.5em;
	line-height: 1;
}
.name span {
	font-weight: 300;
	margin-left: -7px;
}
.logo {
	width: 45px;
	margin-bottom: .4em;
	cursor: pointer;
}
.button {
	font-size: .8em;
	color: #fff;
	width: 90%;
	line-height: 1.15;
	font-weight: 700;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: .95em 0;
	border-radius: .5em;
	background: rgba(74,137,202, .8);
	margin: auto;
  margin-top: 55px;
}
/* ---- Photo Overlay ---- */

.photo-desc {
	font-size: .85em;
	color: #fff;
	padding: 1.1em 1em 0;
	background: rgba(30,57,84) !important;
  border: 3px solid white;
}
/* ---- Float clearfix ---- */

.clearfix::after {
	content: " ";
	display: table;
	clear: both;
}

/* =================================
  Media Queries
==================================== */

@media (min-width: 769px) {
	.cube-container {

	}
}
@media (min-width: 1025px) {
	.cube-container:first-child {
		margin-left: 0;
	}
	.cube-container:last-child{

	}

}

/* =================================
  Button Transitions
==================================== */

.button {
	transition: background .3s;
}
.button:hover {
	background: rgba(74,137,202, 1);
}

/* =================================
  Home Page Boxes
==================================== */

.lower-nav-main-container { font-family: 'Lato', sans-serif; color: white; width: 100%; height: auto; padding-top: 50px; background-size: cover; background-color:#bcd7f7 }
/* bg color was #9cc4f7        background: url(../images/homepage-lowernavimage-highrise-L-S.jpg) no-repeat top center; */

.box-container { width: 100%; max-width: 1200px; margin: 0 auto; padding-bottom: 10px; padding-top: 10px; background: rgba(0, 0, 0, 0.4); display: flex; margin-bottom: 50px; border: 1px solid rgba(0, 0, 0, .8); }
.center-content { margin: 0 auto; text-align: center; }
.width-100 { width: 100%; }
p.headline { font-size: 18px; margin-bottom: 16px; }
p.copy { font-size: 16px; margin-bottom: 24px; }
.btn.active, .btn:active { text-decoration: none; }
.border-right { border-right: 1px solid white;}
.border-left { border-left: 1px solid white;}
.border-top { border-top: 1px solid white; }
.border-bottom { border-bottom: 1px solid white; }
.middle-container { padding-top: none; padding-bottom: none; }



@media (min-width: 992px) {
  .border-top { border-top: 0px; }
  .border-bottom { border-bottom: 0px; }
}


@media (max-width: 991px) {
  .border-right { border-right: 0px; }
  .border-left { border-left: 0px; }
  .box-container { padding-top: 0; padding-bottom: 0;  }
}

/* SIDEBAR STYLES */
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  background: #9ab3d8;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  display: block;
  transition: 0.3s;
}

.sidebar a:link {
  display: block;
  transition: 0.3s;
  color: #3556a4;
  text-decoration: none;
}

.sidebar a:visited {
  display: block;
  transition: 0.3s;
  color: #3556a4;
  text-decoration: none;
}

.sidebar a:hover {
  display: block;
  transition: 0.3s;
  color: #949191;
  text-decoration: none;
}

.sidebar .closebtn {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #9e142e;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}


/****
 * This is what styles the navigation pills
****/

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background: #20314d; border: 1px solid #20314d; text-decoration: none; }
.nav-tabs { border-bottom: 0; }
.nav-tabs > li a:hover { background: #20314d; border: 1px solid #20314d; }
.tab-content { padding-top: 30px; padding-left: 16px; }
.nav-tabs > li > a:link { text-decoration: none !important; }


/****
 * This is what stacks the navigation pills for mobile or small screens - max-width is where the screen size is set, so at 768px wide the pills will stack.
****/
@media screen and (max-width:767px){
  .nav-tabs > li {width:100%;}
}

/**** google fonts ****/
header_strikethrough {
    display: flex;
    width: 95%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif; /* GOOGLE FONT */
    font-size: 1.2em;
    margin: auto;
}

header_strikethrough:before,
header_strikethrough:after {
    content: '';
    border-top: 1px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

header_strikethrough:after {
    margin: 0 0 0 20px;
}


header_strikethrough_medium {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif; /* GOOGLE FONT */
    font-size: 1.2em;
    margin:10px;
}

header_strikethrough_medium:before,
header_strikethrough_medium:after {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

header_strikethrough_medium:after {
    margin: 0 0 0 20px;
}


header_strikethrough_large {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif; /* GOOGLE FONT */
    font-size: 1.6em;
    margin:10px;
}

header_strikethrough_large:before,
header_strikethrough_large:after {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

header_strikethrough_large:after {
    margin: 0 0 0 20px;
}


header_strikethrough_large_bold {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif; /* GOOGLE FONT */
    font-size: 1.6em;
    font-weight:bold
    margin:10px;
}

header_strikethrough_large_bold:before,
header_strikethrough_large_bold:after {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

header_strikethrough_large_bold:after {
    margin: 0 0 0 20px;
}

.courgette_googlefont_italic_large
}
font-size: large !important;
font-weight:bold !important;
color:#327DB8 !important;
font-family: 'Courgette', cursive !important; /* GOOGLE FONT */
}

.courgette_googlefont_italic_x-large
}
font-size: x-large !important;
font-weight:bold !important;
color:#327DB8 !important;
font-family: 'Courgette', cursive !important;  /* GOOGLE FONT */
}

.courgette_googlefont_italic_xx-large
}
font-size: xx-large !important;
font-weight:bold !important;
color:#327DB8 !important;
font-family: 'Courgette', cursive !important;  /* GOOGLE FONT */
}