<!DOCTYPE html>
<html>
  <head>
    
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <meta charset="utf-8" />
      <title>Bethel Church in Richland, Prosser</title>

      <link rel="icon" type="image/png" sizes="16x16" href="/frontend/favicon-16x16.png" />
      <link rel="icon" type="image/png" sizes="32x32" href="/frontend/favicon-32x32.png" />
      <link rel="icon" type="image/png" sizes="192x192" href="/frontend/android-chrome-192x192.png" />
      <link rel="icon" type="image/png" sizes="256x256" href="/frontend/android-chrome-256x256.png" />
      <link rel="apple-touch-icon" sizes="180x180" href="/frontend/apple-touch-icon.png" />
      <link rel="mask-icon" href="/frontend/safari-pinned-tab" color="#000000" />


      <script src="/frontend/dist/main.bundle.js"></script>
      <script>
        bethel.wrapper();
      </script>
      <!-- Hotjar Tracking Code for https://www.bethel.ch/ -->
        <script>
            (function(h,o,t,j,a,r){
                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
                h._hjSettings={hjid:3111472,hjsv:6};
                a=o.getElementsByTagName('head')[0];
                r=o.createElement('script');r.async=1;
                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
                a.appendChild(r);
            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
        </script>

      
        <link rel="stylesheet" type="text/css" href="/assets/font-awesome-4.7.0/css/font-awesome.css?v=0.1.0" media="all" />

  
    <meta property="og:image" content="https://bethelch-media.s3.amazonaws.com/images/9a86f039806a5e00dbcbd3475b0d621600d0f8b1-hires" />
  


  <meta property="og:title" content="Bethel Church in Richland, Prosser" />


  <meta property="og:description" content="Experience church online or connect in person to Bethel Church. Sundays at 8:45A &amp; 10:30A in Richland and 9:30A Prosser, serving the Washington Tri-cities and lower valley." />


  <meta name="description" content="Experience church online or connect in person to Bethel Church. Sundays at 9:30A in Richland, Prosser, and online. Serving the Washington Tri-cities and lower valley." />

      
      <style>
  .hide-testing{
    display:none;
}

.hero-choose-campus{
    display: none;
}

/*-------------------------------------------- General Typography --------------------------------------------*/

h1 {
    font-size: calc(3vw + 32px);
    letter-spacing: 0;
    font-weight: 600;
    font-family: Poppins,sans-serif;
}

h5 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0;
}

.small-1 h1 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0;
}

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

.body {
  font-display: fallback;
}

.link.orange a {
    color: #ef5834;
}

li a {
    color: #ef5834;
}

/*-------------------------------------------- Header --------------------------------------------------*/

.floating-header.page {
    position: relative;
    box-shadow: -2px -7px 20px 0px #33333375;
}

.floating-header .header-container {
    padding-top: 12px;
    padding-bottom: 12px;
}

.header-container .grid-row .logo {
    display: inline-block;
    width: 150px;
    height: 50px;
    vertical-align: middle;
    padding-top: 5px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

@media (max-width: 767px) {
.header-container .grid-row .logo {
    width: 47px;
    height: 58px;
    overflow: hidden;
    padding-top: 0;
}}

.floating-header.home .menu-toggle p, .floating-header.page .menu-toggle p {
    display: none;
}

.search-button {
    width: 20px;
    height: 20px;
}

/*------------- NAV TOGGLE -------------*/

@media (min-width: 768px) {
.right-menu {
    position: fixed !important;
    top: 12px !important;
    right: 18px;
    z-index:990;
}}

@media (max-width: 767px) {
.right-menu {
    padding-top: 0px;
    position: fixed;
    right: 12px;
    z-index:990;
}}

.nav-toggle {
    background: #ef5834d6;
    border: 0;
    width: auto;
    padding: 14px 12px;
    border-radius: 200px;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    -webkit-box-shadow: 0 12px 72px -4px #ef5834;
    box-shadow: 0 12px 72px -4px #ef5834;
}

.nav-toggle:hover {
    background: #ef5834;
    transform: scale(1.1);
}

@media (min-width: 768px) {
.right-menu {
    position: relative;
    top: 0px;
}}

@media (max-width: 767px) {
.right-menu {
    padding-top: 0px;
}}

@media (max-width: 767px) {
.header-container .grid-row>.grid-item-sm-50+.grid-item-sm-50 {
    padding-left: 0;
    width: 75px;
    padding-right: 10px;
}}

@media (max-width: 767px) {
.header-container .grid-row>.grid-item-sm-50.xs-text-center {
    width: calc(100% - 75px);
}}

.nav-toggle span {
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 0px;
    margin-left: auto;
    margin-right: 0;
}

.floating-header.page .menu-toggle span {
    background: #ffffff;
}

.nav-toggle:hover span {
    width: 25px;
}

.nav-toggle span:first-child {
    width: 25px;
    height: 3px;
    margin-bottom: 5px;
}

.nav-toggle span:nth-child(2) {
    width: 25px;
    height: 3px;
    margin-bottom: 5px;
}

/*------------- CAMPUS SELECTOR --------------*/

@media (max-width: 767px) {
.header-container .grid-row>.grid-item-sm-50.xs-text-center .campus_selector_container {
    display: inline-block;
    top: 16px;
    left: 60px;
    position: absolute;
}}

.campus-selector .head {
    width: 100%;
    clear: both;
    cursor: pointer;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    padding: 2px 24px;
    border: solid 1px #d9d9d9;
    border-radius: 20px;
    color: #999999;
}

.floating-header.home .campus-selector .head {
    border: solid 1px hsla(0,0%,100%,.5);;
    color: #ffffff;
}

.campus-selector.expanded .content, .campus-selector:hover .content {
    max-height: 500px;
    opacity: 1;
    visibility: visible;
    width: 100%;
    margin-top: 6px;
    border-radius: 10px;
    padding: 12px 0;
}

.xs-text-center .campus-selector .content {
    position: absolute;
    background: hsla(0,0%,100%,.95);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.3);
    box-shadow: 0 4px 8px rgba(0,0,0,.3);
    z-index: 9999;
    width: 100%;
}

.campus-selector .content a {
    margin-top: 0px;
    display: block;
    width: 100%;
    padding: 10px 15px;
    line-height: 1.125;
    border: none;
    color: #000;
    text-transform: uppercase;
}

.campus-selector .content a:hover {
    border: none;
    color: #20a39e;
    background: none;
}

/*--------------------------Hamburger Menu---------------------------*/

/*------Menu Menu--------------*/

.main-menu.expanded {
    overflow: scroll;
    overflow-x: hidden;
}

li.menu-text a {
    margin-top: 18px;
    border-top: dotted 1px #999999;
    padding-top: 28px;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
    font-style: italic;
    color: #333333 !important;
}

li.menu-header a {
    margin-top: 12px;
    font-size: 20px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    color: #333333!important;
    text-transform: uppercase;
}

li.menu-sub a {
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 300 !important;
}

.main-menu.show .inner ::placeholder {
  color: #999999 !important;
  opacity: 1; /* Firefox */
}

.main-menu.show .inner :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #999999;
}

.main-menu.show .inner ::-ms-input-placeholder { /* Microsoft Edge */
 color: #999999;
}

.main-menu .close-menu {
    background: transparent url("https://bethelch-media.s3.amazonaws.com/images/f6dfa3dea8ddf07f201e8e25ce067e13a26fa395-original") 50% no-repeat;
    background-size: 50%;
    border: none;
}

.main-menu .close-menu:hover {
    /* border: 5px solid #ee5635; */
    background-size: 50% !important;
    background: transparent url("https://bethelch-media.s3.amazonaws.com/images/aadd697c90570920fedf8fbd161184e1069f5cc4-original") 50% no-repeat;
    border: none;
}

@media (min-width: 767px) {
.menu-nav>li.primary>a {
    font-size: 32px;
    line-height: 1.2;
}}

@media (max-width: 767px) {
.main-menu .inner {
    width: calc(100vw - 10px);
}}

.menu-nav>li.primary.watch-now>a {
    color: #ffffff;
    font-weight: 500;
    background: #492c44;
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    text-align: center;
    padding: 15px 35px;
    display: inline-block;
    margin-bottom: 8px;
    margin-top: 15px;
    text-decoration: none!important;
    webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    transition: all .3s ease-in-out;
    border-radius: 50px;
    font-size: 18px;
    -webkit-box-shadow: 0 12px 8px -12px #00000090;
    box-shadow: 0 12px 8px -12px #00000090;
}

.menu-nav li a {
    letter-spacing: 0px;
    color: #ef5834;
    font-size: 32px;
}

.primary>a {
    letter-spacing: 0px;
    color: #ef5834;
    font-size: 32px !important;
    line-height: 1.2 !important;
}

.main-menu.show {
    background: #492c446b;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
}

.main-menu .inner {
    top: 5px;
}

.main-menu.show .inner {
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.3);
    box-shadow: -8px 0 16px rgba(0,0,0,.3);
    background: #ffffff;
    border-radius: 12px;
    margin: 5px;
    height: auto;
    top: 0;
}

.main-menu .menu-search form {
    padding: 10px 40px 4px;
}

.main-menu .inner>.head {
    padding: 25px 67px 10px 40px;
    background: #ffffff;
}

.menu-index a {
    color: #999999;
    text-transform: uppercase;
    margin-right: 8px;
    font-size: 14px;
    padding: 2px 16px;
    background: none;
    border-radius: 20px;
    border: solid 1px #999999;
}

.menu-index a.current {
    background: #999999;
    color: #ffffff;
    border: solid 1px #999999;
}

.main-menu .menu-search form input {
    background: transparent url(/frontend/assets/img/search-white.png) 100% 0 no-repeat;
    background-position: 96%;
    background-color: #d9d9d9;
    background-size: 6%;
    border: 1px solid #d9d9d9;
    width: 100%;
    -webkit-appearance: none;
    padding: 10px;
    border-radius: 5px;
}

.main-menu .menu-search form input[type=text] {
    color: #333333;
}

.main-menu .menu-search form button {
    cursor: pointer;
    top: 0;
    bottom: 0px;
    right: 40px;
    width: 60px;
}


/*-------Account Menu---------*/
.login-box .input-wrapper {
    padding-right: 0px;
    border-bottom: 1px solid #999999;
}

.login-box .button {
    border-radius: 24px;
    border: solid 1px #ef5834 !important;
    background-color: #ef5834;
    color: #ffffff !important;
}

.login-box .button:hover {
    border: solid 1px #ef5834 !important;
    color: #ffffff !important;
}

.login-box a {
    color: #999999;
    opacity: 1;
    font-size: 15px;
}

.login-box .input-form {
    color: #333333;
}

/*----------------------------------------Flashed Messages ------------------------------------------*/

.flashed-messages {
    position: fixed;
    left: 0px;
    right: 0px;
    padding: 0 10px;
    z-index: 9999;
    top: 50%;
    margin: 0 auto;
}

.flashed-messages .flashed-message {
    margin: 20px auto;
    background: #fff;
    border: none;
    border-radius: 5px;
    padding: 40px 20px;
    font-weight: 500;
    text-align: center;
    font-size: 20px;
    position: relative;
    background-color: #fff;
    /* top: 50%; */
    max-width: 400px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 8px 16px rgba(0,0,0,.6);
}

/*------Account Menu Login Flash-------*/
.flashed-messages-container {
    background: #492c4480;
}

.flashed-messages {
    position: fixed;
    left: 0px;
    right: 0px;
    padding: 0 10px;
    width: 100vw;
    z-index: 9999;
    height: 100%;
    -ms-transform: translateY(-50%);
}

.flashed-message .message-content a {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #492c44;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #492c44;
}

.flashed-message .message-content a:hover {
    background: #492c44!important;
    color: #ffffff;
}

.flashed-messages .flashed-message .message-close {
    color: #ef5834;
    position: absolute;
    right: 0px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 1.5em;
    top: 0;
}

/*---&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&--- ELEMENTS ---&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&---*/
.color-section .background {
    background-size: cover!important;
}

.seemore {
    margin-top: 8px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 30px;
    border: none;
}

.seemore a {
    font-size: 14px;
    font-weight: 600;
    padding: 8px 24px;
    border: 1px solid #d9d9d9;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    color: #333;
}

.seemore a:hover {
    background-color: #d9d9d9;
    text-decoration: none!important;
}

/****------------------------------------ Accordian --------------------------------------****/

.accordion .accordion-inner .accordion-app .accordion-item {
    background: #ef5834;
    border-radius: 20px;
    padding: 0;
    -webkit-box-shadow: 0 8px 27px -17px #333333;
    box-shadow: 0 8px 27px -17px #333333;
    transition: ease-in-out .5s;
}

.accordion .accordion-inner .accordion-app .accordion-item:hover {
    -webkit-box-shadow: 0 14px 36px -17px #333333;
    box-shadow: 0 14px 36px -17px #333333;
    transition: ease-in-out .2s !important;
}

.accordion .accordion-inner .accordion-app .accordion-item.open {
    background: #f8f8f8;
}

.accordion .accordion-inner .accordion-app .accordion-item .accordion-header {
    padding: 24px 48px 24px 24px;
    font-weight: 500;
    background: none;
    transition: ease-in-out .5s !important;
}

.accordion .accordion-inner .accordion-app .accordion-item.open .accordion-header {
    color: #333333;
}

.accordion .accordion-inner .accordion-app .accordion-item .accordion-content {
    background: none;
    overflow-wrap: break-word;
    color: #ffffff;
    padding: 0 24px 24px 24px;
    transition: ease-in-out .5s !important;
}

.accordion .accordion-inner .accordion-app .accordion-item.open .accordion-content {
    color: #333333;
    padding: 0 24px 24px 24px;
}

.accordion .accordion-inner .accordion-app .accordion-item .accordion-header:after {
    transform: scale(1.5);
    transition: ease-in-out .1s !important;
    top: 24px;
    right: 24px;
}

.accordion .accordion-inner .accordion-app .accordion-item .accordion-header:active::after {
    transform: scale(2.5);
}

/****------------------------------------ Accordian Fall --------------------------------------****/

.accordionfall .accordion-inner .accordion-app .accordion-item {
    background: #efbb68;
    border-radius: 20px;
    padding: 0;
    -webkit-box-shadow: 0 8px 27px -17px #333333;
    box-shadow: 0 8px 27px -17px #333333;
    transition: ease-in-out .5s;
}

.accordionfall .accordion-inner .accordion-app .accordion-item:hover {
    -webkit-box-shadow: 0 14px 36px -17px #333333;
    box-shadow: 0 14px 36px -17px #333333;
    transition: ease-in-out .2s !important;
}

.accordionfall .accordion-inner .accordion-app .accordion-item.open {
    background: #f8f8f8;
}

.accordionfall .accordion-inner .accordion-app .accordion-item .accordion-header {
    padding: 24px 48px 24px 24px;
    font-weight: 500;
    background: none;
    transition: ease-in-out .5s !important;
}

.accordionfall .accordion-inner .accordion-app .accordion-item.open .accordion-header {
    color: #333333;
}

.accordionfall .accordion-inner .accordion-app .accordion-item .accordion-content {
    background: none;
    overflow-wrap: break-word;
    color: #ffffff;
    padding: 0 24px 24px 24px;
    transition: ease-in-out .5s !important;
}

.accordionfall .accordion-inner .accordion-app .accordion-item.open .accordion-content {
    color: #333333;
    padding: 0 24px 24px 24px;
}

.accordionfall .accordion-inner .accordion-app .accordion-item .accordion-header:after {
    transform: scale(1.5);
    transition: ease-in-out .1s !important;
    top: 24px;
    right: 24px;
}

.accordionfall .accordion-inner .accordion-app .accordion-item .accordion-header:active::after {
    transform: scale(2.5);
}

/****---------------------------------- Updates ------------------------------------****/

.blog .seemore {
    padding-top:0px;
}

/****------------------------------------ Icon List ---------------------------------****/

.icon-list ul {
    margin: 0px;
}

.icon-list ul li .icon-list-content>a, .icon-list ul li .icon-list-content>span {
    font-size: 18px;
    margin-top: .5em;
    margin-bottom: 0px;
    text-transform: none;
}

.icon-list.two-lines ul li {
    line-height: 1em;
}

.icon-list ul li {
    margin: 0px;
    padding: 12px 0 12px;
    border-bottom: dotted 1px #999;
}

@media (max-width: 600px) {
.icon-list ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: inherit;
}}

.icon-list ul li i.fa {
    margin: 0 16px 0 0;
}

/****---------------------- Video ------------------------------****/

.video {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 27px -17px #333333;
    box-shadow: 0 8px 27px -17px #333333;
}

/****---------------------- Search (Content Fragment)--------------------------------*****/

#search-element input {
    overflow: visible;
    overflow: visible;
    display: flex;
    background-color: #efefef;
    border-radius: 16px;
    border: 1px solid #d9d9d9;
    padding: 5%;
    margin: auto;
    width: 100%;
}

/****------------------------------------ Events -------------------------------------****/

/**** Featured ****/

.bp-portal-tabs {
    display: none;
}

.bp-portal-featured-events-container .featured-events .featured-event .event-graphic .event-graphic-inner {
    border-radius: 20px 20px 0 0;
}

.bp-portal-featured-events-container .featured-events .featured-event .event-meta {
    border-radius: 0 0 20px 20px;
    min-height: 185px;
}

.featured-event {
    padding: 0 8px !important;
}

.featured-event-inner {
    border-radius: 20px;
    -webkit-box-shadow: 0 8px 27px -17px #20a39e;
    box-shadow: 0 8px 27px -17px #20a39e;
    background-color: #f8f8f8;
    transition: all .3s ease-in-out;
}

.featured-event-inner:hover {
    -webkit-box-shadow: 0 18px 36px -22px #20a39e;
    box-shadow: 0 18px 36px -22px #20a39e;
    background-color: #ffffff;
    background-image: none;
    transform: scale(1.015);
}

.bp-portal-featured-events-container .featured-events .featured-event .event-graphic .event-graphic-inner {
    border-radius: 20px 20px 0 0 !important;
}

.featured-events {
    padding-top: 20px;
}


/****-------- Calendar -------****/

/***--------- #eventcalendar .bp-portal-tabs {
    display:none;
} -------****/

.bp-portal-featured-events-container .event-calendar-list .event-calendar-list-filters .bp-portal-filter select {
    -webkit-appearance: none;
    background: none;
    border: solid 1px #d9d9d9;
    border-radius: 100px;
    padding: 6px 18px;
    color: #999;
    text-transform: uppercase;
    font-size: 14px;
    width: 220px;
    font-family: poppins;
}

.bp-portal-featured-events-container .event-calendar-list .event-calendar-list-filters .bp-portal-filter:after {
    margin-left: -16px;
}

.event-calendar-list-item h2 {
    color: #333!important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 16px !important;
}

.eventlist .seemore {
    padding-top: 0px;
}

.bp-portal-featured-events-container .event-calendar-list .event-calendar-days .event-calendar-day {
    padding: 0;
    margin-bottom: 12px;
}

.event-calendar-list-item {
    -webkit-box-shadow: 0 4px 27px -17px #20a39e;
    box-shadow: 0 4px 27px -17px #20a39e;
    background-color: #f8f8f8;
    margin-bottom: 8px;
    border-radius: 20px;
    padding: 20px 20px 20px 30px;
}

.event-calendar-list-item:hover {
    -webkit-box-shadow: 0 12px 36px -22px #20a39e;
    box-shadow: 0 12px 36px -22px #20a39e;
    background-color: #ffffff;
    transform: scale(1.015);
}

.bp-portal-featured-events-container .event-calendar-list .event-calendar-days .event-calendar-day .event-calendar-day-info {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
}

.bp-portal-featured-events-container .event-calendar-list .event-calendar-days .event-calendar-day .event-calendar-day-info .event-calendar-day-month {
    background: none;
    margin: 0 0 5px;
    padding: 0;
    color: #999;
}

.event-meta .event-time {
    color: #20a39e !important;
    font-size: 20px !important;
}


.event-meta .event-ministry {
    border: solid 1px #20a39e;
    padding: 0px;
    font-size: 10px;
    line-height: 12px;
    margin: 0px;
    display: none;
    text-transform: uppercase;
}

.event-meta .event-location {
    border: none;
    padding: 6px 0px;
    font-size: 20px!important;
    line-height: 0px;
    margin: 4px 4px 0 0;
    color: #555555;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.event-calendar-day .event-calendar-list-item li.time {
    padding: 0px !important;
    display: none;
}

.event-calendar-day .event-calendar-list-item li.ministry {
    border: solid 1px #20a39e;
    padding: 0px 12px !important;
    font-size: 10px!important;
    line-height: 12px;
    margin: 4px 4px 0 0;
    color: #20a39e;
    display: inline-block;
}

.event-calendar-day .event-calendar-list-item li.location {
    border: solid 1px #20a39e;
    padding: 0px 12px !important;
    font-size: 10px!important;
    line-height: 12px;
    margin: 4px 4px 0 0;
    color: #20a39e;
    display: inline-block;
}

.event-calendar-day .event-calendar-list-item li.time:before {
    display: none;
}

.event-calendar-day .event-calendar-list-item li.ministry:before {
    display: none;
}

.event-calendar-day .event-calendar-list-item li.location:before {
    display: none;
}


@media (min-width: 767px) {
.event-calendar-day .event-calendar-day-info {
    width: 33% !important;
}}

@media (max-width: 767px) {
.bp-portal-featured-events-container .event-calendar-list .event-calendar-days .event-calendar-day .event-calendar-day-info {
    background: none;
    margin-bottom: 10px;
}}

@media (max-width: 767px) {
.bp-portal-featured-events-container .event-calendar-list .event-calendar-days .event-calendar-day .event-calendar-day-info .event-calendar-day-day {
    color: #999;
}}

.bp-portal-featured-events-container .event-calendar-list .event-calendar-days {
    margin-top: 0px;
}

@media (min-width: 767px) {
.event-calendar-day .event-calendar-days-list {
    width: 67% !important;
}}

@media (max-width: 767px) {
.event-calendar-day .event-calendar-days-list {
    padding: 0 !important;
}}

.bp-portal-featured-events-container .featured-events {
    padding-top: 20px;
}

.bp-portal-featured-events-container .featured-events .featured-event .event-meta {
    background-color: transparent;
    box-shadow: none;
}

.bp-portal-featured-events-container .featured-events .featured-event {
    margin-bottom: 20px;
}

.color-section#ministry-top .event-calendar-day .event-calendar-list-item .ministry {
    display: none;
}

.bp-portal-featured-events-container .featured-events .featured-event .event-graphic .event-graphic-inner {
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.event-calendar-list {
    padding-bottom: 20px;
}


/*------Event Details-------*/

#eventdetail {
    padding: 0;
    overflow: hidden;
}

#eventdetail .grid-item {
    padding: 0;
    overflow: hidden;
}

.bp-portal-event-details-container {
    max-width: 100%!important;
}

.event-registration .event-details>div {
    margin: 0;
    padding: 3% 5%;
    max-width: 100%;
    border-bottom: dotted 1px #c3c3c3;
    font-size: 15px;
}

#eventdetail .event-graphic {
    margin: 0;
    padding: 0;
    max-width: 100%;
    max-height: 600px;
    overflow: hidden;
    border: none;
}

#eventdetail .event-signup-button {
    border: none;
    text-align: center;
}

#eventdetail .event-description {
    font-size: 18px;
    padding: 7vh 5%;
}

.event-registration .event-details .event-graphic img {
    width: 100%;
    margin:-12px 0;
}

.event-registration .event-details>div label {
    display: block;
}

.event-details .event-signup-button button {
    width: 100%;
    max-width: 320px;
    padding: 16px;
    font-size: 20px;
}


/****--------------------------------- Groups ---------------------------------****/

.group-filter.neighborhood {
    display: none!important;
}

.group-picture {
    display:none;
}

.group-filter {
    border-radius: 10px;
    border: 1px solid #c5c5c5;
    font-size: 12px;
    flex: 0 0 275px!important;
}

select {
    padding: 15px 10px;
}

.group-filters .group-filter.childcare-available {
    border:none;
}

.groups-map-grid-widget .groups-map-grid .group-grid-item .group-grid-item-inner {
    border-radius: 20px;
    -webkit-box-shadow: 0 6px 27px -17px #492c44;
    box-shadow: 0 6px 27px -17px #492c44;
    background-color: #f8f8f8;
}

.groups-map-grid-widget .groups-map-grid .group-grid-item .group-grid-item-inner:hover {
    -webkit-box-shadow: 0 14px 36px -22px #492c44;
    box-shadow: 0 14px 36px -22px #492c44;
    background-color: #ffffff;
    transform: scale(1.015);
}

.groups-map-grid-widget .groups-map-grid .group-grid-item .group-grid-item-inner .group-info {
    min-height: 130px;
}

.groups-map-grid-widget .groups-map-grid .group-grid-item .group-grid-item-inner .group-info .group-name {
    font-size: 16px;
    line-height: 22px;
    color: #333;
}

.group-lifestage {
    padding: 0px 12px;
    font-size: 10px;
    text-transform: uppercase;
    font-style: normal;
    border: solid 1px #492c44;
    color: #492c44;
    display: inline-block;
    margin: 4px 4px 0 0;
}

.group-childcare {
    padding: 0px 12px;
    font-size: 10px;
    text-transform: uppercase;
    font-style: normal;
    border: solid 1px #492c44;
    color: #492c44;
    display: inline-block;
    margin: 4px 4px 0 0;
}

.group-time {
    padding: 4px 12px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2em !important;
    font-style: normal;
    border: solid 1px #492c44;
    color: #492c44 !important;
    display: inline-block;
    margin: 4px 4px 0 0;
}

/****----------Groups Modal-------------****/

@media (max-width: 767px) {
.bp-portal-modal-container .bp-portal-modal-window .bp-portal-modal-window-inner h1 {
    position: relative;
    width: inherit;
    margin-left: inherit;
}}

.bp-portal-modal-container .bp-portal-modal-window-inner .group-item-detail {
    padding: 20px !important;
}

.bp-portal-modal-container .bp-portal-modal-window .bp-portal-modal-window-inner h1 {
    color: #333;
    background-color: inherit;
    text-align: left;
    padding: 40px 0 0 0;
}
 
.group-item-detail .group-meeting-time {   
    padding: 4px 12px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2em !important;
    font-style: normal;
    border: solid 1px #492c44;
    color: #492c44 !important;
    display: inline-block;
    margin: 4px 4px 0 0;
}

.group-item-detail .group-meta {   
    padding: 0 !important;
}

.group-item-detail .group-meeting-location {   
    display: none;
}

.group-item-detail .group-contact {   
    display: none;
}

.group-item-detail .group-buttons {
    margin: 20px 0 20px 0 !important;
    padding: 20px 0 20px 0;
    border-top: dotted 1px #999999;
}

.group-item-detail .group-buttons button {
    background: #ef5834;
    color: #ffffff !important;
    border: none !important;
    text-align: left;
    cursor: pointer;
}

.bp-portal-modal-container button {
    margin: 0px;
}


/****---------------------- Serve ----------------------****/
.bp-portal-opportunities2-widget .opportunities-grid .opportunity-grid-item .opportunity-meta {
    background-color: #f8f8f8 !important;
}

#ministry-top .opportunities-grid {
    justify-content: left;
}

.opportunity-meta .congregation-name {
    padding: 4px 12px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1.2em !important;
    font-style: normal;
    border: solid 1px #fdb94a;
    color: #fdb94a !important;
    display: inline-block;
    margin: 4px 4px 0 0;
    letter-spacing: 0;
}

.opportunity-meta br {
    display: none;
}

.opportunity-meta .ministry-name {
    padding: 4px 12px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1.2em !important;
    font-style: normal;
    border: solid 1px #fdb94a;
    color: #fdb94a !important;
    display: inline-block;
    margin: 4px 4px 0 0;
    letter-spacing: 0;
}

.opportunity-grid-item .opportunity-meta {
    -webkit-box-shadow: 0 8px 27px -17px #fdb94a;
    box-shadow: 0 8px 27px -17px #fdb94a;
    transition: all .3s ease-in-out;
    border-radius: 20px;
    padding: 20px!important;
}

.opportunity-grid-item .opportunity-meta:hover {
    -webkit-box-shadow: 0 14px 36px -22px #fdb94a;
    box-shadow: 0 14px 36px -22px #fdb94a;
    background-color: #ffffff !important;
    border-radius: 20px;
    transform: scale(1.015);
}

.bp-portal-opportunities2-widget .opportunities-grid .opportunity-grid-item .opportunity-meta:hover {
    background: #ffffff !important;
}

.bp-portal-opportunities2-widget .opportunities-grid .opportunity-grid-item {
    margin: 0 0 16px;
}

.opportunity-grid-item {
    padding: 0 8px !important;
}

.bp-portal-opportunities2-widget .opportunities-grid .opportunity-grid-item .opportunity-meta .opportunity-date+a {
    display: none;
}

.bp-portal-opportunities2-widget .opportunities-grid .opportunity-grid-item .opportunity-meta .opportunity-date {
    margin-bottom: 0;
}

.bp-portal-opportunities2-widget .opportunities-grid .opportunity-grid-item .opportunity-meta {
    min-height: 0;
}

.bp-portal-opportunities2-widget .opportunities-grid .opportunity-grid-item .opportunity-meta .opportunity-name {
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.bp-portal-opportunities2-widget .opportunities-grid .opportunity-grid-item .opportunity-meta .opportunity-name:hover {
    text-decoration: none !important;
}

/****------Serve Modal-------****/

.bp-portal-modal-container .bp-portal-modal-window-inner .opportunity-item-detail {
    padding: 20px !important;
}

.opportunity-signup-button {
    margin: 20px 0 20px 0 !important;
    padding: 20px 0 20px 0;
    border-top: dotted 1px #999999;
}

#opportunitydetail .opportunity-fields ul li {
    margin: 8px 0 7px;
    padding: 4px 12px;
    font-size: 12px;
    text-transform: uppercase;
    /* font-weight: 600; */
    line-height: 1.2em !important;
    font-style: normal;
    border: solid 1px #492c44;
    color: #492c44 !important;
    display: inline-block;
    margin: 4px 4px 0 0;
}


/*-------------------------------------------- MODAL SERVE & GROUPS ----------------------------------------*/
.bp-portal-modal-window {
    -webkit-box-shadow: 0 8px 27px -17px #333333;
    box-shadow: 0 16px 36px -10px #333333;
    max-width: 100%;
    max-height: 100%;
    width: 600px !important;
    height: 600px !important;
}

.bp-portal-modal-container .bp-portal-modal-window .bp-portal-modal-window-inner {
    scrollbar-width: thin;
}

.bp-portal-modal-window-close {
    width: 28px !important;
    height: 28px !important;
    top: 5px !important;
    right: 5px !important;
    background: none !important;
    line-height: 32px;
}

.group-item-detail .group-contact-form {
    background: #f0f2f2;
    padding: 20px;
}

.bp-portal-modal-window-close svg {
    fill: #ef5834
}

/****---------------------- Staff ----------------------****/
#contacts.color-section .staff-section-title {
    display:none;
}

#contacts.color-section .grid-row {
    justify-content: center;
}

.staff-box .email {
    margin-top: 16px;
}

.staff-box .email a {
    font-size: 12px;
    color: #999999;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 20px;
    border: solid 1px #d9d9d9;
}

.staff-box .email a:hover {
    background-color: #d9d9d9;
}

.staff-box .phone {
    display: none;
}

.staff-section-title {
    color: #333;
    letter-spacing: 4px;
    margin-top: 12px;
    border-top: dotted 1px #999999;
    padding-top: 24px;
}

.staff-box {
    margin-bottom: 16px;
    background: #f8f8f8;
    padding: 24px 12px;
    border-radius: 20px;
    -webkit-box-shadow: 0 8px 27px -17px #333333;
    box-shadow: 0 8px 27px -17px #333333;
}

.staff-box .thumb {
    width: 100%;
    padding-top: 100%;
    height: auto;
}

@media (min-width: 767px) {
    .staff-section .grid-item-md-25.grid-item-xs-100 {
    width: 25%;
}}

.staff-box .meta .name {
    font-size: 20px !important;
}

.staff-box .meta .position {
    font-size: 12px !important;
}


/****---------------------- Updates ----------------------****/

.updates-app .the-grid {
    grid-gap: 16px !important;
}

.updates-app .select-wrapper {
    display: inline-block;
    padding: 1px 12px;
    border: solid 1px #d9d9d9;
    border-radius: 100px;
}

select {
    padding: 6px 12px;
}

.grid-item, div[class*=" grid-item-"], div[class^=grid-item-] {
    padding-left: 8px;
    padding-right: 8px;
}

.blog-inner .blog-item {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    background-color: #f8f8f8;
    border-radius: 20px;
}

.blog-inner .blog-item:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    background-color: #ffffff;
}

.blog-box:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    background-color: #ffffff;
}

.blog-inner .blog-item .thumb {
    border-radius: 20px 20px 0 0;
}

.blog h3 {
    color: #333;
}

.blog h3:hover {
    text-decoration: none;
}

.blog-box p span, .blog p span {
    display: none;
}

.blog-box h3 {
    color:#333;
}

.blog-box {
    border-radius: 20px;
}

.blog-box .thumb {
    border-radius: 20px 20px 0 0;
    max-height: 230px;
}

/*-------------------------------------------- Menu --------------------------------------------*/
.main-menu .inner>.content {
    padding: 10px 40px;
}

.menu-nav>li>a {
    font-size: 40px;
    line-height: 1.05;
}

@media (min-width: 767px) {
.menu-nav>li>a {
    font-size: 48px;
    line-height: 1.2;
}}

.menu-nav>li>ul>li>a {
    font-size: 20px;
    line-height: 1.75;
    text-transform: uppercase;
}

.menu-nav .sub-menu {
    margin-left: 0px;
}

/*------------------- Icon List ---------------------*/
.icon-list ul li i.fa:hover {
    border: none!important;
}

/*-------------------------------------------- /Home - Sermons Section --------------------------------------------*/

.latest-news .grid .grid-row {
    justify-content: center;
}

.latest-news .head {
    background: #efefef;
    color: #333;
    text-align: center;
    text-transform: none;
    padding-top: 24px;
    padding-bottom: 24px;
}

.latest-news .head h2 {
    text-transform: none;
}

@media (max-width: 992px) {
.latest-news .head h2 {
    margin-bottom: 0px;
}}

.latest-news .foot {
    background: #efefef;
}

.latest-sermons .grid-item.text-center .button.button-primary {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #492c44;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #492c44 !important;
}

.latest-sermons .grid-item.text-center .button.button-primary:hover {
    background-color: #492c44;
    color: #fff !important;
    text-decoration: none!important;
}

.latest-sermons {
    background-color: #efefef;
    padding: 0 4%;
}

.latest-news .content {
    max-width: 1280px;
    margin: 0 auto 0px auto;
    border-radius: 16px;
    overflow: hidden;
}

.no-video-popup.button.button-primary img, .open-video-popup.button.button-primary img {
    box-shadow: none;
    border-radius: 0px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    transition: all .3s ease-in-out;
    margin-bottom: 0px;
}

.latest-news .content .ln-wrapper .ln-label {
    margin: 12px;
}

.ln-inner .content {
    border-radius: 0;
}

.latest-news .content .ln-wrapper .ln-label {
    background: none;
    border-radius: 20px;
    text-transform: none;
}

@media (max-width: 992px) {
.content-mobile .detail {
    padding: 10px 15px;
}}

.owl-carousel .owl-item .ln-mobile-slide img {
    border-radius: 20px;
}

.latest-news .foot {
    padding-top: 12px;
}

@media (max-width: 992px) {
.latest-news .foot {
    padding-top: 0px;
}}


/*-------------------------------------------- /Sermons --------------------------------------------*/

.top-content {
    padding-bottom: 40px;
}

/**** Individual Sermon ****/
.grid-row.series-item {
    margin-bottom: 16px;
}

.no-video-popup img, .open-video-popup img {
    box-shadow: 0 4px 15px rgba(0,0,0,.25);
    border-radius: 20px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    transition: all .3s ease-in-out;
    margin-bottom: 16px;
}

.no-video-popup img:hover, .open-video-popup img:hover {
    -webkit-box-shadow: 0 8px 15px 0 rgba(0,0,0,.5);
    box-shadow: 0 8px 15px 0 rgba(0,0,0,.5);
}

.series-section .grid-item-md-50 .series-box {
    padding: 1% 5%;
}

.no-video-popup.mb-30 {
    margin-bottom: 0px;
}

.recent-series-section .rs-box h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    color: #333;
}


/*-------------------------------------------- /Elders and Staff --------------------------------------------*/

.staff-box .overlay {
    background: #492c44e0;
    color: #ffffff;
}

.staff-box .meta .name {
    font-size: 18px;
    color: #20a39e;
}

.staff-box .meta .position {
    font-size: 14px;
    color: #999999;
}

/*-------------------------------------------- /Create Account --------------------------------------------*/

.create-account-container {
    max-width: 600px;
    margin: 40px auto 12px auto;
    justify-content: center;
    box-shadow: 0 4px 15px rgb(0,0,0,.2);
    padding: 40px 20px;
    background: #f8f8f8;
    border-radius: 5px;
}

.bp-portal-form-container .submit, .bp-portal-forms-container .submit {
    justify-content: center;
    display: flex;
}

/*------------------------------------------------- Grid Row ----------------------------------------------*/
.grid-row.columns-4 .grid-column {
    padding: 0 8px 0 8px !important;
}

/*------------------------------------------------- Buttons -----------------------------------------------*/
.mprengine-button .button .button-inner a {
    padding: 6px 28px;
    border-width: 2px !important;
}

.mprengine-button .button .button-inner a:hover {
    background: #ff5831!important;
    border: 2px solid #ff5831!important;
}

/*-------------------------------------------- Miscellaneous --------------------------------------------*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
}

.submit-wrapper a {
    color: #ffffff !important;
}

.upcoming-service-time{
    display: none;
}

.upcoming-service-time+.main-menu, .upcoming-service-time+.main-menu+header {
    top: 0px !important;
}

.color-section-inner .grid {
    max-width: none;
}

.no-results {
    text-align: center;
    padding-bottom: 20px;
    color: #999999;
}

.button {
    font-weight: 500;
}

/*-------------------------------------------- Search -------------------------------------------------*/

.result-box {
    padding: 0 2%;
}

.result-box-more a {
    color: #ef5735;
    font-size: 16px;
    padding: 8px 24px;
    border-radius: 20px;
    border: solid 1px #d9d9d9;
    text-transform: capitalize;
    background: #f0f2f2;
}

.result-box-more {
    margin: 20px 0 40px;
}

.result-box-title {
    color: #333;
    margin: 24px 0 24px 0;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0;
    padding-bottom: 16px;
    border-bottom: solid 1px #d9d9d9;
}

.rs-box {
    padding-bottom: 24px;
}

.search-result-section .rs-box .thumb img {
    display: none;
}

.rs-box .thumb {
    margin-bottom: 0!important;
}

.rs-box h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
    margin: 24px 24px 0;
    color: #ef5834;
}

.page-result {
    margin-bottom: 16px;
}

/*-------------------------------------------- Footer --------------------------------------------*/

.button-line {
    font-size: 15px;
    padding: 6px 15px;
    border: 1px solid #d9d9d9 !important;
    color: #999999 !important;
}

.direction-section {
    padding-top: 60px;
    border-top: 1px solid #d9d9d9;
    padding-bottom: 10px;
    background: transparent;
}

.direction-section span {
    display:none;
}

#footer {
    color: #999999;
    background: #ffffff;
    padding-top: 0px;
}

.footer-content a {
    color: #999999 !important;
}

.footer-content a:hover {
    color: #ef5834 !important;
}

.footer-social a {
    color: #ef5834 !important;
}

.footer-link a {
    color: #999999;
    font-size: 15px;
    text-transform: none;
    text-decoration: underline !important;
}

.footer-link a:hover {
    color: #ef5834;
}

.footer-link li {
    margin-bottom: 0px;
}

#footer .button-line {
    border-color: #d9d9d9 !important;
    background-color: #d9d9d9;
    color: #333333 !important;
}

#footer .button-line:hover {
    color: #ef5834 !important;
}

.footer-content {
    font-size: 15px;
}

.back-to-top {
    display:none !important;
}

/*-------------------------------------------- MP Forms --------------------------------------------*/

.field .errors .error {
    color: #20a39e;
    font-style: italic;
}

.rengine-widget-wrapper .bp-portal-forms-container h1 {
    font-size: 28px;
    letter-spacing: 0;
    color: #333333;
}

.rengine-widget-wrapper .bp-portal-forms-container h1 {
    font-weight: 600;
    margin-bottom: 36px;
}

.bp-portal-form-container .field > label, .bp-portal-forms-container .field > label {
    font-size: 15px !important;
    font-weight: 600;
    color: #333333;
}

.bp-portal-custom-form .input {
    color: #999999;
}

.bp-portal-custom-form input[type="email"], .bp-portal-custom-form input[type="textarea"], .bp-portal-custom-form input[type="number"], .bp-portal-custom-form input[type="password"], .bp-portal-custom-form input[type="tel"], .bp-portal-custom-form input[type="text"], .bp-portal-signup-form input[type="email"], .bp-portal-signup-form input[type="number"], .bp-portal-signup-form input[type="password"], .bp-portal-signup-form input[type="tel"], .bp-portal-signup-form input[type="text"], .event-signup-form input[type="email"], .event-signup-form input[type="number"], .event-signup-form input[type="password"], .event-signup-form input[type="tel"], .event-signup-form input[type="text"] {
    border: solid 1px #d9d9d9 !important;
    color: #333333;
    height: 44px;
    padding: 0 8px;
    border-radius: 10px;
    line-height: 28px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.bp-portal-custom-form textarea, .bp-portal-signup-form textarea, .event-signup-form textarea {
    padding: 0 8px;
    border-radius: 10px;
    color: #333333;
    border: 1px solid #d9d9d9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.bp-portal-form-container button, .bp-portal-forms-container .submit-wrapper button, .bp-portal-modal-container button, .bp-portal-signup-form .submit-wrapper button, .button-primary, .event-registration-link a, .event-signup-button button, .group-buttons button, .opportunity-signup-button button {
    border-color: #ef5834;
    background: #ef5834;
    color: #ffffff!important;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
    box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
}

.bp-portal-form-container button:hover, .bp-portal-forms-container:hover .submit-wrapper button:hover, .bp-portal-modal-container button:hover, .bp-portal-signup-form .submit-wrapper button:hover, .button-primary:hover, .event-registration-link a:hover, .event-signup-button button:hover, .group-buttons button:hover, .opportunity-signup-button button:hover {
    background: #ff5831;
    border: solid 1px #ff5831;
    -webkit-box-shadow: 0 1px 4px 0 #ff5831, 0 8px 27px -17px #ff5831;
    box-shadow: 0 1px 4px 0 #ff5831, 0 8px 27px -17px #ff5831 !important;
}

/*---&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&--- Custom Classes ---&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&---*/
/*---&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&--- Custom Classes ---&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&---*/
/*---&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&--- Custom Classes ---&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&---*/

/*------------------- MATERIAL CONTAINERS -------------------*/

.flat-container {
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all ease-in-out .2s;
    transition: all .2s ease-in-out;
}

.flat-container.white {
    background: #ffffff;
}

.flat-container.columbia {
    background: #20a39e;
}

.flat-container.grape {
    background: #492c44;
}

.flat-container.sunrise {
    background: #ef5834;
}

.flat-container.round {
    border-radius: 16px;
}

.flat-container.round.outline {
    border-radius: 16px;
    border: 1px solid #d9d9d9 !important;
}

.material-container {
    border-radius: 5px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 8px 27px -17px #333333;
    box-shadow: 0 8px 27px -17px #333333;
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all ease-in-out .2s;
    transition: all .2s ease-in-out;
}

.material-container.round {
    border-radius: 16px;
}

.material-container.white {
    background: #ffffff;
}

.material-container.white-hover:hover {
    background: #ffffff!important;
}

.material-container.light {
    background: #f8f8f8;
}

.material-container.columbia {
    background: #20a39e;
}

.material-container.light-columbia-hover:hover {
    background: #f4fefe!important;
}


.material-container.grape {
    background: #20a39e;
}

.material-container.sunrise {
    background: #ef5834;
}

.material-container.dark {
    background: #333333;
}

.container-grape {
    border-radius: 5px;
    margin-bottom: 20px;
    background: #492c44;
    overflow: hidden;
}

.material-container-grape {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
    box-shadow: 0 4px 5px rgba(0,0,0,.25);
    margin-bottom: 20px;
    background: #492c44;
    overflow: hidden;
}

.container-light {
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}

.material-container-outline {
    overflow-wrap: break-word;
}

.material-container-light {
    border-radius: 5px;
    margin-bottom: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0 8px 27px -17px #333333;
    box-shadow: 0 8px 27px -17px #333333;
    overflow: hidden;
    overflow-wrap: break-word;
}

.material-container.sunrise-transparent {
    border-radius: 16px;
    margin-bottom: 20px;
    background: #ef5834;
    -webkit-box-shadow: 0 8px 27px -17px #333333;
    box-shadow: 0 8px 27px -17px #333333;
    overflow: hidden;
    overflow-wrap: break-word;
}

.container-columbia {
    border-radius: 16px;
    margin-bottom: 20px;
    background: #20a39e;
    overflow: hidden;
}

.material-container-columbia {
    border-radius: 16px;
    -webkit-box-shadow: 0 8px 27px -17px #333333;
    box-shadow: 0 8px 27px -17px #333333;
    margin-bottom: 20px;
    background: #20a39e;
    overflow: hidden;
}

/*------------------- ////MATERIAL CONTAINER -------------------*/

@media (max-width: 800px) {
.mobile-vh {
    height: calc(100vh) !important;
}}

.background.mobile_bg_fallback {
    background-position: center;
}

@media (min-width: 800px) {
.background.mobile_bg_fallback {
    background-image: none !important;
}}

.color-overlay {
    background-image: -webkit-gradient(linear, bottom, top, from(#222222), to(#cec6bb30));
    background-image: -webkit-linear-gradient(bottom, #222222, #cec6bb30);
    background-image: linear-gradient(to top, #222222, #cec6bb30);
}

.hero-background.dark {
    background-color: #222222!important;
}

.full-height {
    height: 110vh;
}

.color-overlay.dark-lower {
    background-image: -webkit-gradient(linear, top, bottom, from(transparent), to(#333333cf));
    background-image: -webkit-linear-gradient(top, transparent, #333333cf);
    background-image: linear-gradient(to bottom, transparent, #333333cf);
}

.large-button-white a {
    color: #ffffff;
    font-weight: 500;
    background: transparent;
    border: solid 2px #ffffff;
    width: auto;
    max-width: 100%;
    cursor: pointer;
    text-align: center;
    padding: 6px 28px;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none!important;
    webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    transition: all .3s ease-in-out;
    border-radius: 50px;
    font-size: 18px;
}

.large-button-white a:hover {
    text-decoration: none!important;
}

.watch-live-button a {
    color: #ffffff;
    font-weight: 500;
    background: #ef5834;
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    text-align: center;
    padding: 10px 35px;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none!important;
    webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    transition: all .3s ease-in-out;
    border-radius: 50px;
    font-size: 18px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
    box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
}

.watch-live-button a:hover {
    text-decoration: none!important;
    -webkit-box-shadow: 0 1px 4px 0 #ff5831, 0 8px 27px -17px #ff5831 !important;
    background: #ff5831;
    box-shadow: 0 1px 4px 0 #ff5831, 0 8px 27px -17px #ff5831 !important;
}

.home-subscribe-button a {
    color: #ef5834;
    font-weight: 500;
    background: #f8f8f8;
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    text-align: center;
    padding: 10px 35px;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none!important;
    webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    transition: all .3s ease-in-out;
    border-radius: 50px;
    font-size: 18px;
    -webkit-box-shadow: 0 12px 8px -12px #00000090;
    box-shadow: 0 12px 8px -12px #00000090;
}

.home-subscribe-button a:hover {
    text-decoration: none!important;
    -webkit-box-shadow: 0 12px 16px -8px #00000035 !important;
    box-shadow: 0 0px 16px 5px #ffffff35 !important;
}


.animate-pulse a {
    -webkit-animation: pulse .8s infinite ease-in-out;
    -o-animation: pulse .8s infinite ease-in-out;
    -ms-animation: pulse .8s infinite ease-in-out;
    -moz-animation: pulse .8s infinite ease-in-out;
    animation: pulse .8s infinite ease-in-out;
    animation-direction: alternate-reverse;
}

/*------------------- EMERGENCY NOTICE -------------------*/

.white-link a {
    color: #ffffff !important;
    text-decoration: underline!important;
}

.emergency-container {
    padding: 0 15px;
    position: absolute;
    top: 80px;
}

.tiny-button.emergency a {
    font-size: 15px;
    font-weight: 500;
    padding: 16px!important;
    border: none;
    text-align: center;
    margin: 5px 5px 5px 0;
    border-radius: 0;
    letter-spacing: 2px;
    width: 100%;
    display: inline-block;
    color: white;
    background-color: #ef5834b8;
}

.tiny-button.emergency a:hover {
    color: #fff;
    text-decoration: none!important;
    background-color: #ef5834;
}

/*------------------- -------------------*/
/*------------------- Button Cover Feature & Zoom -------------------*/

.button-cover.feature.transparent a {
    padding: 7% 7% 7%;
    display: block;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
    color: transparent!important;
    min-height: 430px;
}

.button-cover.medium a {
    padding: 24px 24px 24px 64px;
    display: block;
    min-height: 20%;
    z-index:10;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
}

.button-cover.medium.columbia-text a {
    color: #20a39e!important;
}

.zoom:hover {
    transform: scale(1.02);
    -webkit-box-shadow: 0 1px 4px 0 rgba(60,64,67,0.15), 0 8px 27px -17px rgba(60,64,67,0.6);
    box-shadow: 0 1px 4px 0 rgba(60,64,67,0.15), 0 8px 27px -17px rgba(60,64,67,0.6);
}

/*------------------- -------------------*/
/*------------------- Connect Center Page -------------------*/

.grid-row.columns-1.connect-center-container > .column-1.grid-column .grid-column-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap row;
    -ms-flex-flow: wrap row;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 2% 0 2%;
}

.connect-center-grid-item {
    border: none;
    color: #000;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 320px;
    padding: 6px;
    position: relative;
    font-size: .8em;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    transition: all .3s ease-in-out;
}

.connect-center-grid-item:hover {
    transform: scale(1.04);
}

@media (max-width: 1180px) {
.connect-center-grid-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
}}

@media (max-width: 800px) {
.connect-center-grid-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}}

@media (max-width: 550px) {
.connect-center-grid-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}}

.connect-center-color-overlay .color-section-inner.foreground {
    background-image: -webkit-gradient(linear, right top, left bottom, from(transparent), to(#111111));
    background-image: -webkit-linear-gradient(bottom left, transparent, #111111);
    background-image: linear-gradient(to bottom left, transparent, #111111);
}

.special-heading.connect-center h3 {
    font-size: 44px !important;
    color: #ef5834;
}

.text-block.connect-center {
    min-height: 120px;
    padding: 10px 0 20px 0;
}

.text-block.connect-center p {
    font-size: 18px;
}

.connect-center .button-inner a {
    padding: 12px 28px !important;
    font-size: 20px;
}

.no-padding .column-1.grid-column > .grid-column-inner {
    padding: 0!important;
}

/*------------------- Connect Center Ministries Page -------------------*/

.button-cover a {
    display: inline-flex;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
    color: #ffffff;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 7%;
    vertical-align: bottom;
    justify-content: flex-end;
    flex-direction: column;
}

.button-cover a:hover {
    text-decoration: none!important;
}

.ministry-color-overlay .color-section-inner.foreground {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#33333380), to(transparent));
    background-image: -webkit-linear-gradient(bottom left, #33333380, transparent);
    background-image: linear-gradient(to top right, #33333380, transparent);
    min-height: 280px;
}

.ministry-button {
    border-radius: 20px;
    margin-bottom: 12px;
    background: #ffffff;
    -webkit-box-shadow: 0 8px 27px -17px #333333;
    box-shadow: 0 8px 27px -17px #333333;
    overflow: hidden;
    overflow-wrap: break-word;
}

/*------------------- -------------------*/

.radius-20 {
    border-radius: 20px !important;
}

.material-button {
    webkit-transition: all .3s ease-in-out;
    -o-transition: all ease-in-out .3s;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
    box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
}

.material-button:hover {
    -webkit-box-shadow: 0 1px 4px 0 #ff5831, 0 8px 27px -17px #ff5831 !important;
    background: #ff5831 !important;
    box-shadow: 0 1px 4px 0 #ff5831, 0 8px 27px -17px #ff5831 !important;
}

.sunrise-sunflower-grad {
    background-image: -webkit-linear-gradient(135deg,#fdb94a,#ef5834)!important;
    background-image: -o-linear-gradient(135deg,#fdb94a,#ef5834)!important;
    background-image: linear-gradient(-45deg,#fdb94a,#ef5834)!important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #492c44!important;
}

.inknut-large {
    font-size: calc(3vw + 16px);
    line-height: 1em;
    letter-spacing: -1px;
    font-family: Inknut Antiqua,serif !important;
    font-weight: 300 !important;
}

.floating-item {
    display: inline-block;
    vertical-align: middle;
}

.align-center {
    justify-content: center;
    align-items: center;
}

.negative-margin-top {
    margin-top: -100px;
}

.negative-margin-top-110 {
    margin-top: -110px;
}

.mprengine-button .button.inverse-button .button-inner a:hover {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #ef5834 !important;
}

.padding-a {
    padding: 20px 10%;
}

.abs-pos {
    position: absolute !important;
}

.downflow-20 {
    bottom: 0px;
}

.downflow-0 {
    top: 100px;
}

.inline-button .mprengine-button {
    display: inline !important;
}

.link.subtle a {
    color: inherit;
    font-weight: 700;
}

.tiny-button-columbia a {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #20a39e;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #20a39e;
}

.tiny-button-columbia a:hover {
    color: #fff;
    background-color: #20a39e;
    text-decoration: none!important;
}

.tiny-button-sunrise a {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #ef5834;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #ef5834;
}

.tiny-button-sunrise a:hover {
    color: #fff;
    background-color: #ef5834;
    text-decoration: none!important;
}

.tiny-button-sunrise.solid a {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #ef5834;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #ffffff;
    background: #ef5834;
}

.tiny-button-columbia-solid a {
    font-size: 12px;
    font-weight: 600;
    background-color: #20a39e;
    padding: 6px 15px!important;
    border: 1px solid #20a39e;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #ffffff;
}

.tiny-button-columbia-solid a:hover {
    color: #20a39e;
    background-color: #ffffff;
    text-decoration: none!important;
    border: 1px solid #fff;
}

.tiny-button.dark a {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #999999;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #777777;
}

.tiny-button.dark a:hover {
    color: #efefef;
    background-color: #777777;
    text-decoration: none!important;
    border: 1px solid #777777;
}

.tiny-button.solid a {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #d9d9d9;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    background: #d9d9d9;
    color: #999999;
}

.tiny-button.solid a:hover {
    color: #efefef;
    background-color: #999999;
    text-decoration: none!important;
    border: 1px solid #999999;
}


.text-link-white {
    color:#ffffff!important;
    font-size: 18px;
    padding: 5%;
    display: block;
    text-align: center;
}


.text-link-white:hover {
    text-decoration: underline!important;
}

.text-link-dark {
    color: #492c44!important;
    font-size: 18px;
    padding: 5%;
    display: block;
    text-align: center;
    border: solid 1px #fff;
    border-radius: 5px;
}

.text-link-dark:hover {
    text-decoration: underline!important;
}


.text-link-white-small {
    color:#ffffff!important;
    font-size: 14px;
    padding: 5%;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.text-link-white-small:hover {
    text-decoration: underline!important;
}

.full-width {
    width: 100vh;
    height: auto!important;
}

.group-type-description .color-section-inner.foreground {
    min-height: 275px;
}

.absolute-bottom {
    position: absolute;
    bottom: 0;
    padding-top: 12px;
    margin-bottom: 20px;
}

.transform-scale-103 {
    transform: scale(1.03);
}

.hero-cut {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), 0 100%);
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

/*------------------------------ #Light Accordian ------------------------------*/
.accordion.light .accordion-inner .accordion-app .accordion-item {
    background: #d9d9d9;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion.light .accordion-inner .accordion-app .accordion-item.open {
    background: #f8f8f8;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
    box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
}

.accordion.light .accordion-inner .accordion-app .accordion-item .accordion-header {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    padding: 24px 44px 24px 24px;
}

.accordion.light .accordion-inner .accordion-app .accordion-item.open .accordion-header {
    color: #cccccc;
}

.accordion.light .accordion-inner .accordion-app .accordion-item.open .accordion-content {
    padding: 0;
}

.accordion.light .accordion-inner .accordion-app .accordion-item .accordion-content {
    padding: 0;
}


/*------------------------------ #Bulletin ------------------------------*/
.accordion.bulletin .accordion-inner .accordion-app .accordion-item {
    background: #d9d9d9;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion.bulletin .accordion-inner .accordion-app .accordion-item.open {
    background: #f8f8f8;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
    box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
}

.accordion.bulletin .accordion-inner .accordion-app .accordion-item .accordion-header {
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    padding: 4% 5%;
}

.accordion.bulletin .accordion-inner .accordion-app .accordion-item.open .accordion-header {
    color: #cccccc;
}

.accordion.bulletin .accordion-inner .accordion-app .accordion-item.open .accordion-content {
    padding: 0;
}

.accordion.bulletin .accordion-inner .accordion-app .accordion-item .accordion-content {
    padding: 0;
}

.accordion.bulletin .accordion-inner .accordion-app .accordion-item .accordion-header:after {
    top: inherit;
    font-weight: 500;
    color: #999999;
}

.eventlist.bulletin .bp-portal-featured-events-container .event-calendar-list .event-calendar-days .event-calendar-day {
    padding: 0;
    margin-bottom: 32px;
}

.blog.bulletin a.blog-item .thumb {
    display: none;
}

@media (min-width: 768px) {
.blog.bulletin .grid-item-sm-33 {
    width: 100%;
}}

.blog.bulletin h3 {
    font-size: 18px;
    line-height: 1;
}

.blog.bulletin p {
    font-size: 15px;
}

.blog.bulletin .meta {
    font-size: 12px;
}

/*------------------------------ #Cultivate ------------------------------*/
.cultivate-progress-bar-percent {
    width:40% !important;
}

.material-container-outline-cultivate {
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px dotted #fff1c4!important;
}

.material-container-outline-cultivate-dark {
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px dotted #563735!important;
}

.cultivate-progress-bar{
    overflow: hidden;
    background: #d3be97;
    border-radius: 20px;
    width: 100%;
}

.tiny-button-cultivate a {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #563735;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #563735;
}

.tiny-button-cultivate a:hover {
    background-color: #563735;
    border: 1px solid #563735;
    text-decoration: none!important;
    color: #fff1c4;
}

.tiny-button-cultivate-light a {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #fff1c4;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #fff1c4;
}

.tiny-button-cultivate-light a:hover {
    background-color: #fff1c4;
    border: 1px solid #fff1c4;
    text-decoration: none!important;
    color: #563735;
}


.tiny-button-cultivate-light-solid a {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #fff1c4;
    background-color: #fff1c4;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #563735;
}

.tiny-button-cultivate-light-solid a:hover {
    background-color: #ef5834;
    border: 1px solid #ef5834;
    text-decoration: none!important;
    color: #563735;
}

.accordion.cultivate-faq .accordion-inner .accordion-app .accordion-item {
    background: #a94728;
}

.accordion.cultivate-faq .accordion-inner .accordion-app .accordion-item.open {
    background: #f8f8f8;
}

.accordion.cultivate-faq .accordion-inner .accordion-app .accordion-item .accordion-header {
    font-size: 16px;
}

/*---------- #Christmas ----------*/
.accordion.christmas .accordion-inner .accordion-app .accordion-item {
    background: none;
    outline: solid 1px #c9b77d;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px !important;
}

.accordion.christmas .accordion-inner .accordion-app .accordion-item.open {
    background: none;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
    box-shadow: 0 1px 4px 0 rgba(60,64,67,0.2), 0 8px 27px -17px rgba(60,64,67,0.9);
}

.accordion.christmas .accordion-inner .accordion-app .accordion-item .accordion-header {
    font-size: 20px;
    font-weight: 500;
    color: #c9b77d;
    padding: 24px 44px 24px 24px;
}

.accordion.christmas .accordion-inner .accordion-app .accordion-item.open .accordion-header {
    color: #c9b77d;
}

.accordion.christmas .accordion-inner .accordion-app .accordion-item.open .accordion-content {
    padding: 0;
}

.accordion.christmas .accordion-inner .accordion-app .accordion-item .accordion-content {
    padding: 0;
}

/*---------- #Easter ----------*/
.accordion.easter .accordion-inner .accordion-app .accordion-item {
    background: none;
    border: solid 2px #d9d9d9;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion.easter .accordion-inner .accordion-app .accordion-item.open {
    background: none;
    border: solid 2px #147e74;
    overflow: hidden;
}

.accordion.easter .accordion-inner .accordion-app .accordion-item .accordion-header {
    font-size: 20px;
    font-weight: 500;
    color: #147e74;
    padding: 24px 44px 24px 24px;
}

.accordion.easter .accordion-inner .accordion-app .accordion-item.open .accordion-header {
    color: #147e74;
}

.accordion.easter .accordion-inner .accordion-app .accordion-item.open .accordion-content {
    padding: 0;
}

.accordion.easter .accordion-inner .accordion-app .accordion-item .accordion-content {
    padding: 0;
}

.tiny-button.easter a {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px!important;
    border: 1px solid #8b5f3c;
    border-radius: 20px;
    text-align: center;
    margin: 5px 5px 5px 0;
    width: auto;
    display: inline-block;
    color: #f47c5c;
    background: #faf5e9;
}

.tiny-button.easter a:hover {
    background-color: #8b5f3c;
    border: 1px solid #8b5f3c;
    text-decoration: none!important;
    color: #faf5e9;
}


/*---------- #ONE PERCENT ----------*/
.accordion.one-percent .accordion-inner .accordion-app .accordion-item {
    background: #ef5834;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion.one-percent .accordion-inner .accordion-app .accordion-item.open {
    background: #FFEED9;
}

.accordion.one-percent .accordion-inner .accordion-app .accordion-item .accordion-header {
    font-size: 28px;
    font-weight: 700;
    color: #214041;
}

.accordion.one-percent .accordion-inner .accordion-app .accordion-item.open .accordion-header {
    color: #ef5834;
}

/*---------- #BETHEL INSTITUTE ----------*/
.eventlist.institute .event-calendar-list .event-calendar-days .event-calendar-day .event-calendar-day-info {
    border: 1px solid #d9c7b4;
}

.eventlist.institute .event-calendar-list .event-calendar-days .event-calendar-day .event-calendar-day-info .event-calendar-day-day {
    color: #d9c7b4;
}

.eventlist.institute .event-calendar-list-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #d9c7b4;
    border-radius: 0;
}

.eventlist.institute .event-calendar-list-item h2 {
    color: #111!important;
}

.eventlist.institute .event-calendar-list .event-calendar-days .event-calendar-day .event-calendar-day-info {
    border: 1px solid #d9c7b4;
    border-radius: 0;
}

.eventlist.institute .event-calendar-list .event-calendar-days .event-calendar-day .event-calendar-day-info .event-calendar-day-month {
    color: #d9c7b4;
}

.eventlist.institute .event-meta .event-time {
    color: #d9c7b4 !important;
}


.eventlist.institute .event-meta .event-ministry {
    border: solid 1px #111;
    color: #111;
}

.eventlist.institute .event-meta .event-location {
    border: solid 1px #111;
    color: #111;
}

.eventlist.institute .event-calendar-day .event-calendar-list-item li.ministry {
    border: solid 1px #111;
    color: #111;
}

.eventlist.institute .event-calendar-day .event-calendar-list-item li.location {
    border: solid 1px #111;
    color: #111;
}

.eventlist.institute .seemore a {
    border: 1px solid #d9c7b4;
    color: #d9c7b4;
}

.eventlist.institute .seemore a:hover {
    border: 1px solid #d9c7b4;
    color: #111111;
    background: #d9c7b4;
}

.accordion.institute .accordion-inner .accordion-app .accordion-item {
    background: #d9c7b4;
    border-radius: 0;
}

.accordion.institute .accordion-inner .accordion-app .accordion-item.open {
    background: #ffffff;
    overflow: hidden;
}

.accordion.institute .accordion-inner .accordion-app .accordion-item .accordion-header {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    padding: 24px 44px 24px 24px;
}

.accordion.institute .accordion-inner .accordion-app .accordion-item.open .accordion-header {
    color: #000000;
}

.accordion.institute .accordion-inner .accordion-app .accordion-item.open .accordion-content {
    padding: 0;
}

.accordion.institute .accordion-inner .accordion-app .accordion-item .accordion-content {
    padding: 0;
}

/*-------------------- GLOBALFEST --------------------*/
.off-canvas.overlap-over.shift-up img {
    margin: -100px auto 0 auto;
    width: 80%;
}


/*-------------------- HOMEPAGE PODCASTS/READING PLAN --------------------*/
.button-cover-podcasts-reading-plan a {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    height: 100%;
    padding: 28px 28px 28px 64px;
    color: #20a39e;
}

.button-cover-podcasts-reading-plan a:hover {
    text-decoration: none!important;
}
</style>
    
  </head>
  <body id="bethelch" class="blackpulp-mprengine">




    
    
    
    <div class="main-menu">
        <div class="inner">
            <div class="head">
                <div class="menu-index">
                    <a href="#" data-target="1" class="current">Menu</a>
                    
                    
                    <a href="#" data-target="2">Login</a>
                    
                </div>
                <button class="close-menu"></button>
            </div>
            <div class="menu-search hideondesktop">
                <form method="get" action="/search">
                    <input type="text" name="q" placeholder="SEARCH TERM">
                    <button type="submit">Search</button>
                </form>
            </div>
            <div class="content">
                <div class="owl-carousel owl-theme menu-carousel">
                    <div class="item">
                        
                            
                        
                        
                        
                        <ul class="menu-nav">
                            

                              
                                <li class="has-sub-menu collapsed primary">
                                    <a class="" href="#">About</a>
                                    <ul class="sub-menu">
                                      

                                      
                                        <li class=""><a class="" href="/staff">Elders &amp; Staff</a></li>
                                      
                                      

                                      
                                        <li class=""><a class="" href="/beliefs">Beliefs &amp; Values</a></li>
                                      
                                      

                                      
                                        <li class=""><a class="" href="/contact">Contact</a></li>
                                      
                                      
                                    </ul>
                                </li>
                              
                            

                              
                                <li class="primary"><a class="" href="/locations">Locations</a></li>
                              
                            

                              
                                <li class="primary"><a class="" href="/experience">Watch at Home</a></li>
                              
                            

                              
                                <li class="primary"><a class="" href="/sermons">Sermons</a></li>
                              
                            

                              
                                <li class="primary"><a class="" href="/events">Events</a></li>
                              
                            

                              
                                <li class="primary"><a class="" href="/giving">Giving</a></li>
                              
                            

                              
                                <li class="menu-text"><a class="" href="javascript:;">Looking for something specific?</a></li>
                              
                            

                              
                                <li class="menu-header"><a class="" href="javascript:;">News</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/cultivate">Cultivate Campaign</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/one-percent">3630 (One % Life)</a></li>
                              
                            

                              
                                <li class="menu-header"><a class="" href="javascript:;">Next Steps</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/baptism">Baptism</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/updates/8">Counseling</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/giving">Give</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/new-here">New here?</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/request-prayer">Prayer</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/rooted">Rooted</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/serve">Serve</a></li>
                              
                            

                              
                                <li class="menu-header"><a class="" href="javascript:;">Ministries</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/assistance-ministry">Assistance</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/connections">Connections</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/creative">Creative Arts</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/global">Global Outreach</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/grouplife">Group Life</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/healing">Healing &amp; Recovery</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/highschool">High School</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/institute">Institute</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/kids">Kids</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/kep">Kids Express Preschool</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/local">Local Outreach</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/men">Men</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/jr-high">Middle School</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/pastoral-care">Pastoral Care</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/rooted">Rooted</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/sports">Sports</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/women">Women</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/young-adults">Young Adults</a></li>
                              
                            

                              
                                <li class="menu-header"><a class="" href="javascript:;">Resources</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/bulletin">Digital Bulletin</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/jobs">Employment</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/facilities">Facilities Use</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/podcasts">Podcasts</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/reading-plan">Reading Plan</a></li>
                              
                            

                              
                                <li class="menu-sub"><a class="" href="/updates">Updates</a></li>
                              
                            
                        </ul>
                        
                        
                        <!-- <ul class="menu-nav">
                            <li><a href="#">I'm New</a></li>
                            <li><a href="#">Small Groups</a></li>
                            <li class="has-sub-menu">
                                <a href="#">Ministries</a>
                                <ul class="sub-menu">
                                    <li><a href="#">Prayer</a></li>
                                    <li><a href="#">Support Groups</a></li>
                                    <li class="has-sub-menu">
                                        <a href="#">Women</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Women's Ministry</a></li>
                                            <li><a href="#">Women's Discipleship</a></li>
                                            <li><a href="#">Women's Bible Studies</a></li>
                                            <li><a href="#">Newcomer's Bible Study</a></li>
                                            <li><a href="#">P.A.C.E.</a></li>
                                            <li><a href="#">Widow's Ministry</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Young Adults</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Connect</a></li>
                            <li><a href="#">Resources</a></li>
                            <li><a href="#">Volunteer</a></li>
                        </ul> -->
                    </div>
                    
                    <div class="item">
                        <div class="login-box">
                            <form method="post" action="/login">
                                <input type="hidden" name="redirect" value="https://www.bethel.ch/" />
                                <div class="input-wrapper">
                                    <input class="input-form" placeholder="username" name="User_Name">
                                </div>
                                <div class="input-wrapper">
                                    <input class="input-form" type="password" placeholder="password" name="Password">
                                </div>
                                <div class="text-right">
                                    <button class="button button-primary">login</button>
                                </div>
                                <div class="text-right">
                                    <a href="/create-account" class="help-link">Create an account</a>
                                    <br />
                                    <a href="/reset-password" class="help">Forgot Username or Password?</a>
                                </div>
                            </form>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>

    <header class="floating-header home">
        <div class="header-container">
            <div class="grid-row">
                <div class="grid-item-sm-50 xs-text-center">
                    <a href="/" class="logo">
                        <img src="/frontend/assets/img/logo-color-white-v2.png" class="logo-all-white">
                        <img src="/frontend/assets/img/logo-color-orange-v2.png" class="logo-color">
                    </a>
                    <span class="campus_selector_container"><div class="campus-selector">
    
      
        <div class="head">pick a campus <i class="fa fa-angle-down"></i></div>
      
    
    <div class="content">
        
          <a href="javascript:void(0)"
              onclick="selectCampus('/api/v1/congregations/5/activate')">
            Prosser
          </a>
        
          <a href="javascript:void(0)"
              onclick="selectCampus('/api/v1/congregations/1/activate')">
            Richland
          </a>
        
          <a href="javascript:void(0)"
              onclick="selectCampus('/api/v1/congregations/4/activate')">
            West Pasco
          </a>
        
    </div>
</div>

<script>
  function selectCampus(url) {
    var req = new XMLHttpRequest();
    req.open('POST', url, true);

    req.onreadystatechange = function() {
      if (req.readyState === 4 && req.status >= 200 && req.status < 300) {
        switch(url){
          case '/api/v1/congregations/5/activate':
            URL = '/new-here-prosser';
            break;
          case '/api/v1/congregations/1/activate':
            URL = '/new-here-richland';
            break;
          case '/api/v1/congregations/4/activate':
            URL = '/new-here-west-pasco';
            break;
        }
        localStorage.setItem('reloadNextHome', 'true');
        location=URL;
      }
    };

    req.send();
  }
</script></span>
                </div>
                <div class="grid-item-sm-50">
                    <div class="right-menu">
                        <div class="menu-box menu-group">
                            <div class="search-wrapper hideonmobile">
                                <button type="button" class="search-button"></button>
                                <div class="form">
                                    <form method="get" action="/search">
                                        <input type="text" name="q" placeholder="SEARCH TERM">
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="menu-box menu-toggle-wrapper">
                            <!-- <button type="button" class="menu-toggle"></button> -->
                            <button class="nav-toggle nav-open menu-toggle">
                                <span></span>
                                <span></span>
                                <span></span>
                                <p>menu</p>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>


        
            

<div class="color-section scroll hero-background dark mobile-vh" style="width: 100%; border: none; height: 100vh">
  
  

  
    <div class="background mobile_bg_fallback" style="background-size: cover; background-repeat: no-repeat; height: 100%; padding: 0; position: relative; overflow: hidden"
      data-background-image="url(https://bethelch-media.s3.amazonaws.com/images/dbb578606ba072356022fd51730a3e0402539fd7-original)">
      
        <iframe
            style="box-sizing: border-box; height: 56.25vw; left: 50%;
            min-height: 100%;min-width: 100%;transform: translate(-50%, -50%);
            position: absolute;top: 50%;width: 177.77777778vh;"
            src="https://player.vimeo.com/video/601951139?background=1autoplay=1&muted=1&title=0&byline=0&portrait=0loop=1"
            width="100%"
            height="100%"
            frameborder="0"
            webkitallowfullscreen
            mozallowfullscreen
            allowfullscreen></iframe>
      
    </div>
  

  
  <div class="color-section-inner foreground" style="right: 0; bottom: 0; top: 0; padding: 0px 0px !important; position: absolute; left: 0">
    <div class="mprengine-gridrow" id="mprengine-gridrow-fa415101-bb7f-43f6-be77-3d3d02ce4652">
  <div class="grid-row columns-1 color-overlay full-height">
  <div class="column-1 grid-column" style="width: 100.0%">
  <div class="grid-column-inner">
    <div class="color-section scroll abs-pos downflow-20" style="width: 100%; border: none; height: auto">
  
  
    
    <div class="color-section-center-col">
    

  

  
    <div class="background" style="background-position: center center; background-attachment: scroll"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 0px 0px !important">
    <div class="mprengine-gridrow" id="mprengine-gridrow-93aa2279-3784-45c7-8d5e-1a50a6cbdb27">
  <div class="grid-row columns-1">
  <div class="column-1 grid-column" style="width: 100.0%">
  <div class="grid-column-inner">
    <div class="color-section scroll" style="width: 100%; border: none; height: auto">
  
  

  
    <div class="background" style="background-position: center center; background-attachment: scroll"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 5% !important">
    <div class="if-campus">
  <div class="special-heading">
  
    <h1 style="
      margin-top: 0;
      margin-bottom: 16px;
      text-align: center;
      color: #ffffff;
    "><span class="special-heading-inner">Life Transformed</span></h1>
  

  <div id="modal-e5fe4f80-f977-418d-b241-4eb278d20514" style="display: none">
  
</div>
</div>
<div class="mprengine-gridrow" id="mprengine-gridrow-b0fbdeed-fdaf-472c-9692-408435f8bc4f">
  <div class="grid-row columns-1 hero-choose-campus">
  <div class="column-1 grid-column" style="width: 100.0%">
  <div class="grid-column-inner">
    <div class="color-section scroll" style="width: 100%; border: none; height: auto">
  
  

  
    <div class="background" style="background-position: center center; background-attachment: scroll"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 0px 0px !important">
    <div class="mprengine-gridrow" id="mprengine-gridrow-74412734-3b4e-4f6d-a817-30eaea72e058">
  <div class="grid-row columns-1">
  <div class="column-1 grid-column" style="width: 100.0%">
  <div class="grid-column-inner">
    <div class="text-block">
  <div
      style="color: #ffffff; font-size: 13px">
    <p style="text-align:center"><span style="font-size:16px">PICK A&nbsp;CAMPUS</span></p>

  </div>
</div>
<div class="separator" style="padding-top: 0; padding-bottom: 20px;">
  
  <div class="separator-content" style="height:1px;width:100%;">
    
    <hr style="margin:0 !important;padding: 0 !important; border-top: none !important;">
    
    
    
  </div>
</div>

<div class="code-block">
  <script>

if (localStorage.getItem("reloadNextHome") !== null) {
  localStorage.removeItem('reloadNextHome');
  location.reload(true);
}




function selectHeroCampus(url, campusId) {
    var req = new XMLHttpRequest();
    req.open('POST', url, true);
    req.onreadystatechange = function() {
      if (req.readyState === 4 && req.status >= 200 && req.status < 300) {
        switch(campusId){
          case 1:
            localStorage.setItem('reloadNextHome','true');
            URL = 'https://www.bethel.ch/new-here-richland';
            break;
          case 4:
            localStorage.setItem('reloadNextHome','true');
            URL = 'https://www.bethel.ch/new-here-west-pasco';
            break;
          case 5: 
            localStorage.setItem('reloadNextHome','true');
            URL = 'https://www.bethel.ch/new-here-prosser';
            break;
          
        }

        location=URL;
      }
    };
    req.send();
  }
    

    
window.onload = (event) => {
    jQuery(document).ready(function($){
    
        const noCampus = ( $('.campus-selector .head').html().substr(0,13) === 'pick a campus');
        
        if (noCampus){
          console.warn('no campus');
          $('.hero-choose-campus').show();
        
        } else {
          console.warn('campus');
        }
        
        
        $('.btn-cam').click(function(e){
          e.stopPropagation();
          let id = $(this).attr('id')
          
          switch (id){
            case "btn-cam-prosser":
              selectHeroCampus("https://www.bethel.ch/api/v1/congregations/5/activate", 5)
              break;
            case "btn-cam-richland":
              selectHeroCampus("https://www.bethel.ch/api/v1/congregations/1/activate", 1)
              break;
            case "btn-cam-west":
              selectHeroCampus("https://www.bethel.ch/api/v1/congregations/4/activate", 4)
              break;
            default:
              console.warn('Invalid request');
          }
        
        });
        
        
        
        
        
    
    });
};
</script>
</div>
  </div>
</div>
  </div>
</div>
<div class="clear"></div>

<style>
  
</style>
<div class="mprengine-gridrow" id="mprengine-gridrow-098fd436-b522-47cd-8081-b727fbb2de38">
  <div class="grid-row columns-5">
  <div class="column-1 grid-column" style="width: 14.3%; padding-right: 15px">
  <div class="grid-column-inner">
    
  </div>
</div><div class="grid-column column-2" style="width: 23.8%; padding-right: 15px; padding-left: 15px">
  <div class="grid-column-inner">
    <div class="mprengine-button" style="text-align: center">
  <div class="button btn-cam" id="btn-cam-richland" style="width:100%; max-width: 100%;">
    <div class="button-inner" style="text-align: center">
      <a href="javascript:void(0)" class="small" style="
          color:#fff;
          border: 1px solid #fff;
          background:none;
          width:100%;
          max-width: 100%;
        " target="_self">
        
        <span class="button-text">
          Richland
        </span>
      </a>
    </div>

    <div id="modal-b39a4cb4-c61b-4b0c-9baf-e85ea4ad7ca9" style="display: none">
  
</div>
  </div>
</div>
  </div>
</div><div class="grid-column column-3" style="width: 24.0%; padding-right: 15px; padding-left: 15px">
  <div class="grid-column-inner">
    <div class="mprengine-button" style="text-align: center">
  <div class="button btn-cam" id="btn-cam-prosser" style="width:100%; max-width: 100%;">
    <div class="button-inner" style="text-align: center">
      <a href="javascript:void(0)" class="small" style="
          color:#fff;
          border: 1px solid #fff;
          background:none;
          width:100%;
          max-width: 100%;
        " target="_self">
        
        <span class="button-text">
          Prosser
        </span>
      </a>
    </div>

    <div id="modal-db3af9c7-ac1a-4362-ae1e-37880d7e695e" style="display: none">
  
</div>
  </div>
</div>
  </div>
</div><div class="column-4 grid-column" style="width: 23.9%; padding-right: 15px; padding-left: 15px">
  <div class="grid-column-inner">
    <div class="mprengine-button" style="text-align: center">
  <div class="button btn-cam" id="btn-cam-west" style="width:100%; max-width: 100%;">
    <div class="button-inner" style="text-align: center">
      <a href="javascript:void(0)" class="small" style="
          color:#fff;
          border: 1px solid #fff;
          background:none;
          width:100%;
          max-width: 100%;
        " target="_self">
        
        <span class="button-text">
          West Pasco
        </span>
      </a>
    </div>

    <div id="modal-23029dc0-4236-422c-837a-16df7f9ce103" style="display: none">
  
</div>
  </div>
</div>
  </div>
</div><div class="column-5 grid-column" style="width: 14.0%; padding-left: 15px">
  <div class="grid-column-inner">
    
  </div>
</div>
  </div>
</div>
<div class="clear"></div>

<style>
  
</style>
<div class="separator" style="padding-top: 3vh; padding-bottom: 0;">
  
  <div class="separator-content" style="height:1px;width:100%;">
    
    <hr style="margin:0 !important;padding: 0 !important; border-top: none !important;">
    
    
    
  </div>
</div>

  </div>
  
  
  
  
</div>
<div class="clear"></div>
  </div>
</div>
  </div>
</div>
<div class="clear"></div>

<style>
  
</style>
<div class="code-block">
  <p style="text-align:center"><a href="/locations" style="color:#ef5834; font-size:20px; line-height:40px;">Plan a Visit</a></p>
</div>
<div class="code-block">
  <p style="text-align:center"><a href="/experience" style="color:#ef5834; font-size:20px; line-height:40px;">Watch at Home</a></p>
</div>
<div class="separator" style="padding-top: 10vh; padding-bottom: 0;">
  
  <div class="separator-content" style="height:1px;width:100%;">
    
    <hr style="margin:0 !important;padding: 0 !important; border-top: none !important;">
    
    
    
  </div>
</div>

</div>
  </div>
  
  
  
  
</div>
<div class="clear"></div>
  </div>
</div>
  </div>
</div>
<div class="clear"></div>

<style>
  
</style>
  </div>
  
  
  </div>
  
</div>
<div class="clear"></div>
  </div>
</div>
  </div>
</div>
<div class="clear"></div>

<style>
  
</style>
  </div>
  
  
  
  
</div>
<div class="clear"></div>
<div class="color-section fixed" style="width: 100%; border: none; height: auto">
  
  
    
    <div class="color-section-center-col">
    

  

  
    <div class="background" style="background-position: center center; background-attachment: fixed; background: #efefef"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 0px 0px !important">
    <div class="separator" style="padding-top: 4vw; padding-bottom: 0;">
  
  <div class="separator-content" style="height:1px;width:100%;">
    
    <hr style="margin:0 !important;padding: 0 !important; border-top: none !important;">
    
    
    
  </div>
</div>

<div class="mprengine-gridrow" id="mprengine-gridrow-b0560550-900a-4d57-a80a-910d905c524b">
  <div class="grid-row columns-2">
  <div class="column-1 grid-column" style="width: 66.9%; padding-right: 20px">
  <div class="grid-column-inner">
    <div class="color-section scroll" style="width: 100%; border: none; height: auto">
  
  

  
    <div class="background" style="background-position: center center; background-attachment: scroll"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 0px 0px !important">
    <div class="mprengine-gridrow" id="mprengine-gridrow-aebad414-61b7-46c5-a037-91bf3bc6b1ff">
  <div class="grid-row columns-2">
  <div class="column-1 grid-column" style="width: 50.0%; padding-right: 15px">
  <div class="grid-column-inner">
    <div class="color-section scroll material-container light light-columbia-hover round" style="width: 100%; border: none; height: auto">
  
  

  
    <div class="background" style="background-position: center center; background-attachment: scroll"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 0px 0px !important">
    <div class="text-block button-cover-podcasts-reading-plan medium columbia-text">
  <div
      style="color: ; ">
    <p><a href="/podcasts">Bethel Podcasts</a></p>

  </div>
</div>
<div class="code-block">
  <a href="/podcasts"><i class="fa fa fa-rss" style="
      background:transparent;
      color: #20a39e;
      position: absolute;
      left:24px;
      top:26px;
      z-index:0;
      font-size:28px"></i>
</a>
</div>
  </div>
  
  
  
  
</div>
<div class="clear"></div>
  </div>
</div><div class="grid-column column-2" style="width: 50.0%; padding-left: 15px">
  <div class="grid-column-inner">
    <div class="color-section scroll material-container light light-columbia-hover round" style="width: 100%; border: none; height: auto">
  
  

  
    <div class="background" style="background-position: center center; background-attachment: scroll"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 0px 0px !important">
    <div class="text-block button-cover-podcasts-reading-plan medium columbia-text">
  <div
      style="color: ; ">
    <p><a href="/reading-plan">Bible Reading Plan</a></p>

  </div>
</div>
<div class="code-block">
  <a href="/reading-plan-2203-Acts"><i class="fa fa fa-book" style="
      background:transparent;
      color: #20a39e;
      position: absolute;
      left:24px;
      top:26px;
      z-index:0;
      font-size:28px"></i>
</a>
</div>
  </div>
  
  
  
  
</div>
<div class="clear"></div>
  </div>
</div>
  </div>
</div>
<div class="clear"></div>

<style>
  
</style>
  </div>
  
  
  
  
</div>
<div class="clear"></div>
<div class="if-campus">
  
</div>
<div class="color-section scroll material-container-outline" style="width: 100%; border: none; height: auto">
  
  

  
    <div class="background" style="background-position: center center; background-attachment: scroll"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 5% !important">
    <div class="special-heading">
  
    <h5 style="
      margin-top: 12px;
      margin-bottom: 12px;
      text-align: center;
      color: #555555;
    "><span class="special-heading-inner">There are more events to explore!</span></h5>
  

  <div id="modal-0d4fd053-d78a-451c-b515-d5dc358ac53d" style="display: none">
  
</div>
</div>
<div class="mprengine-button" style="text-align: center">
  <div class="button material-button" style="width:auto; max-width: 100%;">
    <div class="button-inner" style="text-align: center">
      <a href="/events" class="small" style="
          color:#ffffff;
          border: 1px solid #20a39e;
          background:#20a39e;
          width:auto;
          max-width: 100%;
        " target="_self">
        
        <span class="button-text">
          See What&#39;s Coming Up
        </span>
      </a>
    </div>

    <div id="modal-211d56ab-d512-4132-a57b-c7c5a747ff47" style="display: none">
  
</div>
  </div>
</div>
  </div>
  
  
  
  
</div>
<div class="clear"></div>
  </div>
</div><div class="grid-column column-2" style="width: 33.1%; padding-left: 20px">
  <div class="grid-column-inner">
    <div class="color-section scroll material-container-outline" style="width: 100%; border: none; height: auto">
  
  

  
    <div class="background" style="background-position: center center; background-attachment: scroll"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 5% !important">
    <div class="special-heading small-1">
  
    <h1 style="
      margin-top: 12px;
      margin-bottom: 12px;
      text-align: left;
      color: #555555;
    "><span class="special-heading-inner">We&#39;re a church in Richland and Prosser</span></h1>
  

  <div id="modal-4c9ebeff-6dc3-43dd-9b92-2fe6f9ea1d4f" style="display: none">
  
</div>
</div>
<div class="text-block">
  <div
      style="color: #555555; font-size: 15px">
    <p>Serving the Washington Tri-cities and lower valley. Gather with us in person or LIVE online every Sunday.</p>

  </div>
</div>
<div class="separator" style="padding-top: 12px; padding-bottom: 12px;">
  
  <div class="separator-content" style="height:1px;width:100%;">
    
    <hr style="margin:0 !important;padding: 0 !important; border-top: dotted 1px #999999;">
    
    
    
  </div>
</div>

<div class="text-block">
  <div
      style="color: #555555; font-size: 15px">
    <p><strong>RICHLAND</strong></p>

<p>8:45 &amp; 10:30A</p>

  </div>
</div>
<div class="separator" style="padding-top: 0; padding-bottom: 12px;">
  
  <div class="separator-content" style="height:1px;width:100%;">
    
    <hr style="margin:0 !important;padding: 0 !important; border-top: none !important;">
    
    
    
  </div>
</div>

<div class="text-block">
  <div
      style="color: #555555; font-size: 15px">
    <p><strong>PROSSER</strong></p>

<p>9:30A</p>

  </div>
</div>
<div class="separator" style="padding-top: 0; padding-bottom: 12px;">
  
  <div class="separator-content" style="height:1px;width:100%;">
    
    <hr style="margin:0 !important;padding: 0 !important; border-top: none !important;">
    
    
    
  </div>
</div>

  </div>
  
  
  
  
</div>
<div class="clear"></div>
<div class="color-section scroll material-container-light" style="width: 100%; border: none; height: auto">
  
  

  
    <div class="background" style="background-position: center center; background-attachment: scroll; background: #ffffff"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 5% !important">
    <div class="special-heading">
  
    <h5 style="
      margin-top: 12px;
      margin-bottom: 18px;
      text-align: left;
      color: #333333;
    "><span class="special-heading-inner">Find Something</span></h5>
  

  <div id="modal-26b79008-c907-4600-a219-b3f46eb0dc0e" style="display: none">
  
</div>
</div>
<div class="mprengine-gridrow" id="mprengine-gridrow-2405d66e-d958-42d4-9102-bf8b30fd5399">
  <div class="grid-row columns-1">
  <div class="column-1 grid-column" style="width: 100.0%">
  <div class="grid-column-inner">
    <div class="fragment">
  <div class="fragment-inner" id="fragment-4528e8b5-63a8-4e2b-9343-25247907c5c9">
    <div class="code-block" id="search-element">
  <form method="get" action="/search">
    <input type="text" name="q" placeholder="Search" />
</form>
</div>
  </div>
</div>
<div class="special-heading">
  
    <h6 style="
      margin-top: 12px;
      margin-bottom: 6px;
      text-align: left;
      color: #999999;
    "><span class="special-heading-inner">MOST VISITED</span></h6>
  

  <div id="modal-b037cd21-b68c-4c6b-95b6-b78743f562ad" style="display: none">
  
</div>
</div>
<div class="text-block tiny-button dark">
  <div
      style="color: #20a39e; ">
    <p><a href="/podcasts">Podcasts</a>&nbsp;<a href="/updates">Updates</a>&nbsp;<a href="/events">Events</a>&nbsp;<a href="/live">Watch at Home</a>&nbsp;<a href="/sermons">Sermons</a>&nbsp;<a href="/reading-plans">Reading Plans</a>&nbsp;<a href="/connect-card">Connect Card</a>&nbsp;<a href="/staff">Staff</a>&nbsp;<a href="/bulletin">Bulletin</a>&nbsp;<a href="/one-percent">3630</a></p>

  </div>
</div>
  </div>
</div>
  </div>
</div>
<div class="clear"></div>

<style>
  
</style>
  </div>
  
  
  
  
</div>
<div class="clear"></div>
<div class="color-section scroll material-container-light" style="width: 100%; border: none; height: auto">
  
  

  
    <div class="background" style="background-position: center center; background-attachment: scroll; background: #ffffff"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 5% !important">
    <div class="special-heading">
  
    <h5 style="
      margin-top: 12px;
      margin-bottom: 6px;
      text-align: left;
      color: #333333;
    "><span class="special-heading-inner">Bethel Newsletter</span></h5>
  

  <div id="modal-011c4422-f577-4d7f-ae96-24bed10b5b7b" style="display: none">
  
</div>
</div>
<div class="mprengine-gridrow" id="mprengine-gridrow-1ed99acf-cdfb-4285-ba0b-9e4a35a31ed8">
  <div class="grid-row columns-1">
  <div class="column-1 grid-column" style="width: 100.0%">
  <div class="grid-column-inner">
    <div class="text-block">
  <div
      style="color: #999999; font-size: 15px">
    <p>Never feel out of the loop again.</p>

  </div>
</div>
<div class="separator" style="padding-top: 10px; padding-bottom: 30px;">
  
  <div class="separator-content" style="height:1px;width:100%;">
    
    <hr style="margin:0 !important;padding: 0 !important; border-top: dotted 1px #999999;">
    
    
    
  </div>
</div>

<div class="mprengine-button" style="text-align: center">
  <div class="button" style="width:100%; max-width: 100%;">
    <div class="button-inner" style="text-align: center">
      <a href="/newsletter" class="medium" style="
          color:#ef5834;
          border: 1px solid #ef5834;
          background:none;
          width:100%;
          max-width: 100%;
        " target="_self">
        
          <span class="button-icon">
            <i class="fa fa fa-envelope-o" style="color:#ef5834;"></i>
          </span>
        
        <span class="button-text">
          Subscribe
        </span>
      </a>
    </div>

    <div id="modal-bed487a3-0f85-4c1b-9401-b20b8cb832fe" style="display: none">
  
</div>
  </div>
</div>
  </div>
</div>
  </div>
</div>
<div class="clear"></div>

<style>
  
</style>
  </div>
  
  
  
  
</div>
<div class="clear"></div>
<div class="color-section scroll flat-container" style="width: 100%; border: none; height: auto">
  
  

  
    <div class="background" style="background-position: center center; background-attachment: scroll; background: #d9d9d9"
      >
    </div>
  

  
  <div class="color-section-inner foreground" style="padding: 5% !important">
    <div class="special-heading">
  
    <h5 style="
      margin-top: 12px;
      margin-bottom: 2px;
      text-align: left;
      color: #333333;
    "><span class="special-heading-inner">Follow Bethel Church</span></h5>
  

  <div id="modal-faa4e4d8-ce52-49a4-84f7-83585a8fd2b0" style="display: none">
  
</div>
</div>
<div class="text-block">
  <div
      style="color: #777777; font-size: 15px">
    <p>@bethelchurchwa</p>

  </div>
</div>
<div class="separator" style="padding-top: 16px; padding-bottom: 0px;">
  
  <div class="separator-content" style="height:1px;width:100%;">
    
    <hr style="margin:0 !important;padding: 0 !important; border-top: dotted 1px #999999;">
    
    
    
  </div>
</div>

<div class="icon-list">
  <ul>
    
        <li style="font-size:18px;">
    
    <i class="fa fa fa-facebook-square" style="
      background:#333333;
      color: white;
      float: left;
      font-size: 18px"></i>
    

    

    <div class="icon-list-content">
      
      <a target="_blank" href="https://www.facebook.com/bethelchurchwa" style="color:#333333">
      
      Facebook
      
      </a>
      
    
      
    </div>

    <div class="clear"></div>

    <div id="modal-e535f65f-d5dd-4a77-a9eb-ab6f6bee3812" style="display: none">
  
</div>
  </li>
  <div class="clear"></div>
    
        <li style="font-size:18px;">
    
    <i class="fa fa fa-instagram" style="
      background:#333333;
      color: white;
      float: left;
      font-size: 18px"></i>
    

    

    <div class="icon-list-content">
      
      <a target="_blank" href="https://www.instagram.com/bethelchurchwa" style="color:#333333">
      
      Instagram
      
      </a>
      
    
      
    </div>

    <div class="clear"></div>

    <div id="modal-f75c095f-86db-4e9c-897b-c9dd4cbbca41" style="display: none">
  
</div>
  </li>
  <div class="clear"></div>
    
        <li style="font-size:18px;">
    
    <i class="fa fa fa-youtube" style="
      background:#333333;
      color: white;
      float: left;
      font-size: 18px"></i>
    

    

    <div class="icon-list-content">
      
      <a target="_blank" href="https://www.youtube.com/bethelchurchwa" style="color:#333333">
      
      Youtube
      
      </a>
      
    
      
    </div>

    <div class="clear"></div>

    <div id="modal-b272a89b-904c-4c36-a087-ec62cc618fc8" style="display: none">
  
</div>
  </li>
  <div class="clear"></div>
    
  </ul>
</div>
  </div>
  
  
  
  
</div>
<div class="clear"></div>
  </div>
</div>
  </div>
</div>
<div class="clear"></div>

<style>
  
</style>
<div class="separator" style="padding-top: 0px; padding-bottom: 20px;">
  
  <div class="separator-content" style="height:1px;width:100%;">
    
    <hr style="margin:0 !important;padding: 0 !important; border-top: none !important;">
    
    
    
  </div>
</div>

  </div>
  
  
  </div>
  
</div>
<div class="clear"></div>
            <link rel="stylesheet" type="text/css" href="/rengine/assets/elements/colorsection.css?v=0.5.19" media="all" />
<link rel="stylesheet" type="text/css" href="/rengine/assets/elements/gridrow.css?v=0.5.19" media="all" />
<script src="/rengine/assets/common/react.min.js" type="text/javascript"></script>
<script src="/rengine/assets/common/react-dom.min.js" type="text/javascript"></script>
<script src="/rengine/assets/common/modal.min.js?v=0.5.19" type="text/javascript"></script>
<script src="/rengine/assets/common/dynamic-link.min.js?v=0.5.19" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="/rengine/assets/common/modal.css?v=0.5.19" media="all" />
<link rel="stylesheet" type="text/css" href="/rengine/assets/common/numbers.css?v=0.5.19" media="all" />
        


    <div class="direction-section">
        <div class="grid grid-wide">
            <div class="grid-row">
                <div class="grid-item clearfix">
                    
                        
                            
                            <a href="/locations" class="button button-line">Get Directions</a>
                        
                    
                    <span>SUN at 8:30 + 10:30A</span>
                    <a href="/contact" class="button button-line right">Contact Us</a>
                </div>
            </div>
        </div>
    </div>
    <footer id="footer">
        <div class="grid grid-wide">
            <div class="grid-row">
                <div class="grid-item-sm-50 sm-push-50 mb-30 sm-text-right xs-text-center">
                    <a href="/newsletter" target="_blank" class="button button-line"><i class="fa fa-envelope"></i> Subscribe</a>
                    <ul class="footer-link">
                        <!-- <li><a href="/sermons">Watch</a></li> -->
                        <!-- <li><a href="/resources">Resources</a></li> -->
                        <!-- <li><a href="/connect">Connect</a></li> -->
                        
                        <li><a id="footer-login-link" href="#">Login</a></li>
                        
                        <li><a href="/jobs">Employment</a></li>
                        <!-- <li><a href="/contact">Contact</a></li> -->
                    </ul>
                </div>
                <div class="grid-item-sm-50 sm-pull-50 mb-30">
                    <div class="footer-content">
                        <!-- <a href="/" class="footer-logo"><img src="/frontend/assets/img/logo-all-white.png" class="img-responsive"></a> -->
                        <address>
                            
                                
                                    
                                    600 Shockley Rd, Richland, WA 99352
                                    <br><a href="mailto:info@bethel.ch">info@bethel.ch</a>
                                    <br><a href="tel:(509) 628-0150">(509) 628-0150</a>
                                
                            
                        </address>
                        <div class="footer-social">
                            <a href="https://www.facebook.com/bethelchurchwa" target="_blank"><i class="fa fa-facebook"></i></a>
                            <a href="https://www.instagram.com/bethelchurchwa/" target="_blank"><i class="fa fa-instagram"></i></a>
                            <a href="https://vimeo.com/bethelchurchwa" target="_blank"><i class="fa fa-vimeo"></i></a>
                            <a href="https://www.blackpulp.com/"><i class="blackpulp-logo"></i></a>
                        </div>
                        <div class="copyright">
                            &copy; Bethel Church | All Rights Reserved
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>


    <div class="back-to-top"><i class="fa fa-angle-up fa-3x"></i></div>

    
    
        
    

    <!--[if lt IE 9]>
        <script type="text/javascript" src="/frontend/assets/js/jquery-1.11.2.min.js"></script>
    <![endif]-->
    <!--[if (gte IE 9) | (!IE)]><!-->
        <script type="text/javascript" src="/frontend/assets/js/jquery-2.1.3.min.js"></script>
    <!--<![endif]-->
    
    <script src="/frontend/assets/js/ie10-viewport-bug-workaround.js"></script>
    <script src="/frontend/assets/js/jquery.singlePageNav.min.js"></script>
    <script src="/frontend/assets/js/jquery.appear.js"></script>
    <script src="/frontend/assets/js/icheck.min.js"></script>
    <script src="/frontend/assets/js/jquery.matchHeight.js"></script>
    <script src="/frontend/assets/js/select2.full.min.js"></script>
    <script src="/frontend/assets/js/owl.carousel.min.js"></script>
    <script src="/frontend/assets/js/jquery.magnific-popup.min.js"></script>
    <script src="/frontend/assets/jquery-validation/jquery.validate.min.js"></script>
    <script src="/frontend/assets/js/jquery.nicescroll.min.js"></script>
    <script src="/frontend/assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="/frontend/assets/js/isotope.pkgd.min.js"></script>
    <script src="/frontend/assets/js/packery-mode.pkgd.min.js"></script>
    <script src="/frontend/assets/jquery-accordion/js/jquery.accordion.js"></script>


    <script src="/frontend/assets/js/scripts.js"></script>

    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-442951-18"></script>
    <script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-442951-18');</script>

    


    <link rel="stylesheet" type="text/css" href="/assets/custom-icons/styles.css?v=0.1.0" media="all" />
    <link href="https://fonts.googleapis.com/css?family=Inknut+Antiqua:400,800|Poppins:400,400i,500,700,800" rel="stylesheet">
    <link href="/frontend/assets/fonts/font-awesome.min.css?v=4.7.0" rel="stylesheet">
    

  </body>
</html>
<!-- 
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNdhhdmNNNNNNNNNNNNdssshNNNNNNNNNNNNNNNmdhyssyhdmNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNyssssshmNNNNNNNNNs.....:hNNNNNNNNNNds/-........-:odNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNsssssssshmNNNNNNN+......./hNNNNNNd/................/hNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNmysssssssshmNNNNNm+......../hNNNN:........-..........+mNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNmysssssssshmNNNNNdo-......./hNNs-...-+ydmmdy+-....../NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNmysssssssshmNNNNNdo-......./hNdyyydNNNNNNNNd:......yNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNmysssssssshmNNNNNdo-......./hNNNNNNNNNNNNNh......+NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNmysssssssshmNNNNNdo-......./hNNNNNNNNNNNh......-++oyhmNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNmysssssssshmNNNNNdo-......./hNNNNNNNNh-............-/ymNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNmysssssssshmNNNNNd+-......./shddhs/.................:yNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNdysssssssshmNNNNNd+-...................-::::........+mNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNmhyyyhmNmysssssssshmNNNNNd+-.............../ymmNNmds-....../NNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNdsssssssNNNdysssssssshNNNNNNmy+:-..........oNNNNNNNNNm:......hNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNhsssssssyNNNNNdysssssssyNNNNNNNNmddhh-......mNNNNNNNNNNs......sNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNmsssssssdNNNNNNNNdsssssssdNNNNNNNNNNNN/......hNNNNNNNNNN+......yNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNhsssssshNNNNNNNNNNdssssssyNNNNNNNNNNNNy......-ymNNNNNNm+......-mNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNhssssssdNNNNNNNNNNmsssssssdddmmNNNNNNNNo.......:ymNNNN-......-hNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNdsssssssmNNNNNNNNmyssssssssssssyhmNNNNNNy-.......:ymNN:...../dNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNyssssssshdmmmmmhsssssssssssssssssymNNNNNms-.......:ymmy+/+hNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNhsssssssssssssssssssssssssssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNdyssssssssssssssssshmmmmmdyssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNmhyssssssssssssymNNNNNNNNmhssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNmmdddsssssssmNNNNNNNNNNNmhssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNyssssssdNNNNNNNNNNNNNmhssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNdsssssssmNNNNNNNNdhhhmNmhssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNysssssssyhdmmdhyssssshNNmhssssssssymNNNNNms-.......:ymNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNhsssssssssssssssssssyNNNNmhssssssssymNNNNNms-.......:yNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNmhsssssssssssssssshmNNNNNNmhsssssssyNNNNNNNms-.......NNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNmdysssssssssyhdNNNNNNNNNNNmhsssssdNNNNNNNNNms-...-oNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNmmmddmmNNNNNNNNNNNNNNNNNmddmNNNNNNNNNNNNNmhyhmNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
................................................................website.by.blackpulp.com............ 
-->