/*
Theme Name: mjf
Theme URI: http://www.manusherjonno.org/
Author: The Arena team
Consultant By: Abdulla Al Mamun
Design By: Fahad ibn sayeed
Frontend & Develop By: Mohammed Robin Hossain
Help By: Delwar Hossain
Author URI: https://arena.com.bd/
Description: Our 2019 mjf theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 5.1.1
Version: 1.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mjf
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



/* [Master Stylesheet v1.0] */


/* :: 1.0 Import Fonts */

@import url("https://fonts.googleapis.com/css?family=Nunito");

/* :: 2.0 Import All CSS */



/* :: 3.0 Base CSS */


@font-face {
  font-family: 'Tiempos Headline Regular Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Headline Regular Italic'), url('TiemposHeadline-RegularItalic.woff') format('woff');
}

@font-face {
  font-family: 'Tiempos Headline Light Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Headline Light Italic'), url('TiemposHeadline-LightItalic.woff') format('woff');
}

@font-face {
  font-family: 'Tiempos Headline Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Headline Medium'), url('TiemposHeadline-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Tiempos Headline Medium Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Headline Medium Italic'), url('TiemposHeadline-MediumItalic.woff') format('woff');
}

@font-face {
  font-family: 'Tiempos Headline Semibold';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Headline Semibold'), url('TiemposHeadline-Semibold.woff') format('woff');
}

@font-face {
  font-family: 'Tiempos Headline Semibold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Headline Semibold Italic'), url('TiemposHeadline-SemiboldItalic.woff') format('woff');
}

@font-face {
  font-family: 'Tiempos Headline Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Headline Bold Italic'), url('TiemposHeadline-BoldItalic.woff') format('woff');
}

@font-face {
  font-family: 'Tiempos Headline Black';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Headline Black'), url('TiemposHeadline-Black.woff') format('woff');
}

@font-face {
  font-family: 'Tiempos Headline Black Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Tiempos Headline Black Italic'), url('TiemposHeadline-BlackItalic.woff') format('woff');
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #00495c;
  line-height: 1.3;
  font-weight: 600;
  font-family: 'Tiempos Headline Regular';
}




p {
  color: #00495c;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
}

a,
a:hover,
a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #1b1b1b;
  font-weight: 500;
  font-size: 16px;
}

ul,
ol {
  margin: 0;
}

ul li,
ol li {
  list-style: none;
}

img {
  height: auto;
  max-width: 100%;
}

.container {
  max-width: 1170px;
}

.nav-brand img{
  margin-top: 50px;
}
/* Spacing */

.mt-15 {
  margin-top: 15px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-50 {
  margin-right: 50px !important;
}


/* Height */

.height-400 {
  height: 400px !important;
}

.height-500 {
  height: 500px !important;
}

.height-600 {
  height: 600px !important;
}

.height-700 {
  height: 700px !important;
}

.height-800 {
  height: 800px !important;
}


/* Section Padding */

.section-padding-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-padding-100-0 {
  padding-top: 100px;
  padding-bottom: 0;
}

.section-padding-0-100 {
  padding-top: 0;
  padding-bottom: 100px;
}

.section-padding-100-70 {
  padding-top: 100px;
  padding-bottom: 70px;
}


/* header_top_style */

.header_top_style {
  width: 100%;
  height: 6px;
}

.footer_bottom_style{
  width: 100%;
  height: 6px;
}
.color1,
.color4 {
  background: #28b357;
  height: 6px;
  width: 16.6666666666%;
  float: left;
}

.color2,
.color5 {
  background: #f88937;
  height: 6px;
  width: 16.6666666666%;
  float: left;
}

.color3,
.color6 {
  background: #ee2a2e;
  height: 6px;
  width: 16.6666666666%;
  float: left;
}


/* Section Heading */

.section-heading {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin-bottom: 90px;
}

.section-heading img {
  margin-bottom: 15px;
}

.section-heading h3 {
  font-size: 36px;
  margin-bottom: 10px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .section-heading h3 {
    font-size: 24px;
  }
}

.section-heading p {
  margin-bottom: 0;
  font-size: 16px;
  color: #a6a6a6;
}

.section-heading.text-left {
  text-align: left !important;
}

.section-heading.white h3 {
  color: #ffffff;
}


/* Miscellaneous */

.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

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

.bg-dark {
  background-color: #000000 !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.font-bold {
  font-weight: 700;
}

.font-light {
  font-weight: 300;
}

.bg-overlay,
.foo-bg-overlay {
  position: relative;
  z-index: 2;
  background-position: center center;
  background-size: cover;
}

.bg-overlay::after,
.foo-bg-overlay::after {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.foo-bg-overlay::after {
  background-color: rgba(0, 0, 0, 0.91);
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #ffffff;
  right: 0;
  padding-right: 0;
  width: 30px;
  height: 30px;
  background-color: #ac8a74;
  line-height: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  right: -30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    right: 0;
  }
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}

.mjf_section{
  margin: 100px 0;
}
.mjf_section_title{
  text-align: center;
  margin-bottom: 60px !important;
}
.mjf_section_title h3{
  font-size: 40px;
  margin-bottom: 10px !important;
}
.mjf_section_title p{
  width: 50%;
  margin: auto;
  font-size: 20px;
  line-height: 26px;
}
.mjf_support_des{
  padding: 10px 25px 25px 110px;
}
.mjf_support_des p{
  font-size: 17px;
}
.mjf_support{
  position: relative;
}

.supporter_content h5{
  font-size: 50px;
}
.supporter_content  p{
  padding-right: 10px;
}
.border_right{
  border-right: 4px solid #ededed;
}
.support_img_left{
  position: relative;
  margin-bottom: 80px;
}

.support_img_right img{
  margin-top: 125px;
  z-index: -1;
}

.middle {
  position: relative;
}

.number_of_mjf {
  background-color: #00995a;
  width: 355px;
  height: 215px;
  padding: 30px 20px;
  background: linear-gradient(240deg, transparent 25px, #00995a 20px);
  text-align: center;
  position: absolute;
  bottom: 0;
  right: -220px;
  z-index: 99;
}
.number_of_mjf h5{
  font-size: 64px;
  color: #ffffff;
}
.number_of_mjf p{
  font-size: 20px;
  color: #ffffff;
  line-height: 33px;
}

.ongoing_project_home{
  background-image: url('http://arenaphone.us/mjfw/wp-content/uploads/2019/04/bac-2.jpg');
  background-repeat: no-repeat;
  overflow: hidden;
  padding: 100px 0 120px 0;
}
.ongoing_project_innerpage{
  background-image:inherit !important;
  overflow: hidden;
  padding: 0;
}
.ongoing_project_innerpage .single-donate-slide{
  margin-bottom: 80px !important;
}
.ongoing_project .faith-btn{
  background: #ffffff;
  border: none;
  font-size: 16px;
  color: #00495c;
  height: 96px;
  overflow: hidden;
  width: 80%;
  border-radius: 3px;
  bottom: 0 !important;
  line-height: inherit;
  padding: 20px 20px 10px 20px;
  box-shadow: 0 4px 5px -2px #cccccc;
  font-weight: bold;
}

.ongoing_project .owl-stage-outer{
  padding-bottom: 60px;
}
.ongoing_project .owl-stage-outer p{
  padding: 0 30px;
  font-size: 16px;
  height: 170px;
  overflow: hidden;
}
.ongoing_project_innerpage p{
  padding: 0 30px;
  font-size: 16px;
  height: 140px;
  overflow: hidden;
}
.ongoing_project_innerpage .faith-btn{
  padding: 20px 10px 10px 10px;
}
.ongoing_project .donate-content{
  transition: .3s;
  opacity: 0;
  height: 100%;
  width: 100%;
  top: 0 !important;
  padding-top: 50px;
}
.single-donate-slide:hover .donate-content{
  transition: .3s;
  opacity: 1;
  background-color: rgba(35, 107, 75, .8);
}
.single-donate-slide:hover .faith-btn{
  color: #00995a;
}
.ongoing_project .owl-prev, .ongoing_project .owl-next{
  background-color: transparent !important;
  border: 1px solid #ff8c32;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  color: #ff8c32 !important;
  top: -50px !important;
  margin-top: 0px !important;
  position: absolute;
  z-index: 10;
  text-align: center;
  font-size: 20px !important;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  border-radius: 50%;
}
.ongoing_project .owl-prev:hover, .ongoing_project .owl-next:hover{
  background-color: #ff8c32 !important;
  color: #ffffff !important;
}
.ongoing_project .single-donate-slide img {
  width: 100%;
  border-radius: 3px;
}
.ongoing_project .owl-prev{
  left: 10px !important;
}
.ongoing_project .owl-next{
  left: 50px !important;
}
.view_all_projects{
  text-align: center;
  margin: 60px auto 0 auto;
}
.view_all_projects a{
  border:1px solid #ff8c32;
  padding: 22px 25px;
  color: #ff8c32;
  font-size: 17px;
  border-radius: 3px;
  text-transform: uppercase;
  transition: .3s;
}
.view_all_projects a:hover{
  transition: .3s;
  color: #ffffff;
  background-color: #ff8c32;
}
.latest_stories .owl-nav{
  width: 35px;
  margin: auto;
  margin-top: 10px;
}
.latest_stories .owl-prev{
  float: left;
  color: #7f7f7f;
  margin-right: 5px;
}
.latest_stories .owl-next{
  color: #ff8c32;
}
.latest_stories .owl-stage-outer{
  padding-bottom: 50px;
}
.latest_news_slide{
  border: 1px solid #e7e8e9;
  border-radius: 5px;
  transition: .3s;
  margin-bottom: 35px;
  height: 495px;
}
.latest_news_slide:hover{
  box-shadow: 0px 15px 30px rgba(0, 0, 0, .1);
  transition: .3s;
  border:1px solid #ffffff;
}
.latest_news_slide:hover h3{
  color: #00995a;
  transition: .3s;
}
.latest_news_slide p{
  height: 80px;
  overflow: hidden;
}
.latest_news_slide_image img{
  height: 180px;
}
.latest_news_content{
  padding: 50px 45px 30px 30px;
}
.latest_news_content h3{
  font-size: 20px;
  margin-right: 0 !important;
  height: 48px;
  overflow: hidden;
  margin-bottom: 20px;
}
.latest_news_content h3 a{
  font-size: 20px;
  color: #00495c;
  font-weight: bold;
}
.latest_news_content h5{
  text-transform: uppercase;
  font-family: "Nunito", sans-serif;
  color: #ff8c32;
  font-size: 16px;
}
.latest_news_content .read_more_news{
  color: #00995a;
  transition: .3s;
  position: absolute;
  bottom: 30px;
}
.latest_news_content .read_more_news:hover{
  color: #ff8c32;
  transition: .3s;
}
.latest_news_content i{
  padding-top: 3px;
}
.latest_news_content{
  font-size: 30px;
}
.latest_news_slide_image img{
  border-radius: 5px 5px 0 0;
}

.events_programme{
  background-image: url('http://arenaphone.us/mjfw/wp-content/uploads/2019/04/bac.jpg');
  overflow: hidden;
  padding: 100px 0 120px 0;
  background-repeat: no-repeat;
  position: relative;
}
.donate-slides2{
  position: absolute !important;
  right: 0;
  top: -30px;
  width: 88% !important;
  right: -15%;
}
.events_section_title{
  text-align: left;
  margin-top: 70px;
  
}
.events_section_title h3{
  color: #ffffff;
  font-size: 40px;
  font-family:  'Tiempos Headline bold';
  line-height: 46px;
  font-weight: 600;
}
.events_section_title  p{
  color: #ffffff;
  font-size: 15px;
  text-align: left;
  width: 100%;
  margin-bottom: 60px;
}
.events_section_title a{
  background-color: #ff8c32;
  padding:15px 25px;
  color: #ffffff;
  border-radius: 3px;
}
.events_programme .owl-item{

}
.events_programme .post-date{
  background-color: rgba(255, 140, 50, .8);
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 60px;
  text-align: center;
  padding: 10px 5px;
  background: linear-gradient(300deg, transparent 10px, rgba(255, 140, 50, .8) 10px);
  border-radius: 5px 0px 0 0
}
.events_programme .post-date a{
  color: #ffffff;
  font-size: 22px;
  line-height: 15px;
}
.events_programme .post-date a span{
  font-weight: normal;
  font-size: 20px;
}
.events_programme .single-blog-area{
  border-radius: 5px;
}
.events_programme .single-blog-area img{
  border-radius: 5px 5px 0 0;
  height: 295px;
  width: 100%;
}
.event_content{
  padding: 20px 30px;
  background-color: #ffffff;
  border-bottom: 1px solid #dde5e6;
}
.event_content h4{
  font-size: 20px;
  font-weight: 600;
  height: 50px;
  overflow: hidden;
}
.event_content h4 a{
  font-size: 20px;
  font-weight: 600;
  color: #00495c;
}
.event_content p{
  font-size: 15px;
  height: 50px;
  overflow: hidden;
}
.event_content a{
  color: #00995a;
}
.event_bottom{
  background-color: #ffffff;
  padding: 20px;
  border-radius: 0 0 5px 5px;
}
.event_bottom p{
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.event_bottom span{
  font-size: 14px;
  color: #ff8c32;
}
.event_bottom i{
  font-size: 14px;
  color: #ff8c32;
  padding-right: 6px;
}

.what_we_do_content{
  text-align: center;
  width: 20%;
  float: left;
  transition: .3s;
}
.what_we_do_inner_content{
  text-align: center;
}
.what_we_do_content:hover img{
  transition: .3s;
  transform: scale(1.1);
  overflow: hidden;
}
.what_we_do_content img{
  height: 120px;
  width: 120px !important;
  overflow: hidden;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 30px;
  transition: .3s;
}
.what_we_do_content h3{
  padding: 0 30px;
}
.what_we_do_content h3 a{
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  color: #00495c;
}
.what_we_do_content h6{
  opacity: 0;
  transition: .3s;
}
.what_we_do_content:hover h6{
  opacity: 1;
  transition: .3s;
}
.what_we_do_content h6 a{
  color: #ff8c32;
  font-family: 'Tiempos Headline Regular';
  font-style: italic;
}
.campaign{
  color: #006983;
}
.policy{
  color: #53284f;
}
.capacity{
  color: #b71234;
}
.monitoring{
  color: #d55c19;
}
.why_mjf{
  background:#009959;
  border-radius: 7px;
  text-align:center;
  padding:40px 50px;
  height:460px;
  position:relative;
  margin-bottom: 30px  !important;
}

.why_mjf h2{
  font-size:25px;
  color:#ffffff;
  text-align:center;
  margin-top:10px;
}

.why_mjf p{
  color:#ffffff;
  margin-bottom:25px;
}


.why_mjf_button{
  border:none;
  background:rgba(0, 0, 0, .3);
  padding:8px 20px;
  font-size:16px;
  transition:.3s;
  border-radius: 4px;
  color:#ffffff;
  width:130px;
  position:absolute;
  bottom:40px;
  left:50%;
  transform:translateX(-50%);
}


.why_mjf_button a{
  color:#ffffff;
  
}

.why_mjf_button:hover{
  background:rgba(0, 0, 0, .5);
  transition:.3s;
  color:#ffffff;

  
}

.why_founding{
  border-radius: 7px;
  padding:40px 30px;
  height:460px;
  margin-right:40px;
  margin-bottom:80px !important;
  position:relative;

}

.why_founding_bg{
  background:#9164bf;
  
}

.why_founding h2{
  font-size:25px;
  color:#ffffff;
  text-align:left;
  margin-top:10px;
}

.why_founding p{
  color:#ffffff;
  margin-bottom:25px;
  text-align:left;
}


.why_founding h2{
  color:#ffffff;
  padding-top:190px;
  text-align:left;
}


.founding_img img{
  position:absolute;
    right: 15px;
  top:-30px;
  border-radius: 7px;
  z-index:9;
  height:240px;
  width: 85%;
  
}
.get_involved_page_content{
  margin-bottom: 60px !important;
}
.why_founding_button{
  border:none;
  background:rgba(0, 0, 0, .3);
  padding:8px 20px;
  font-size:16px;
  transition:.3s;
  border-radius: 4px;
  color:#ffffff;
  width:130px;
  position:absolute;
  bottom:40px;
}

.why_founding_button a{
  color:#ffffff;
  
}


.why_founding_button:hover{
  background:rgba(0, 0, 0, .5);
  transition:.3s;
  color:#ffffff;
}


.campaingn_bg{
  background:#08af6a;
}


.policy{
  background:#ff813c;
  
}

.capacity{
  background:#fb575e;
  
}

.monitoring{
  background:#ffca0a;
  
}  
.latest_video{
  background-image: url('http://arenaphone.us/mjfw/wp-content/uploads/2019/04/bac-1.jpg');
  overflow: hidden;
  padding: 100px 0 0px 0;
  background-repeat: no-repeat;
  position: relative;
}
.latest_video_section_title h3{
  color: #ffffff;
  text-transform: uppercase;
}
.latest_video_section_title p{
  color: #ffffff;
}
.video_content{
  width: 37%;
  margin: auto;
}
.non_profit_organization_right{
  width: 50%;
}
.non_profit_organization_left{
  width: 50%;
}
.non_profit_organization_title h3{
  font-size: 36px;
}
.non_profit_organization_right_content{
  padding: 0 120px 20px 65px;
}
.non_profit_organization_right_image img{
  position: absolute;
}
.non_profit_organization_section{
  padding-bottom: 0;
  margin-bottom: 0;
}
.non_profit_organization_section p{
  margin:0;
  padding: 0;
}
.counter_content{
  width: 25%;
  float: left;
  padding:60px 15px ;
  text-align: center;
  height:280px;
}
.counter_content h1{
  font-size: 84px;
  font-family: 'Tiempos Headline Regular';
}
.counter_content p{
  font-size: 24px;
  line-height:35px;
}
.population{
  background:url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/1-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.lack{
  background:url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/2-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.sanitation{
  background:url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/3-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.proverty{
  background:url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/4-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
  margin-bottom: 0 !important;
}
.population h1{
  color: #ffffff;
}
.population p{
  color: #edffe2;
}
.lack h1{
  color: #d6d8de;
}
.lack p{
  color: #a7a9b1;
}
.sanitation h1{
  color: #272626;
}
.sanitation p{
  color: #373636;
}
.proverty h1{
  color: #ffede2;
}
.proverty p{
  color: #ffe4d3;
}
/* ScrollUp */

#scrollUp {
  background-color: #ffffff;
  border-radius: 50%;
  bottom: 20px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  color: #ffa45d;
  font-size: 24px;
  height: 40px;
  line-height: 38px;
  right: 20px;
  text-align: center;
  width: 40px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

#scrollUp:hover {
  background-color: #1b1b1b;
}

@media only screen and (max-width: 767px) {
  #scrollUp {
    bottom: 30px;
    right: 30px;
  }
}


/* Button */

.faith-btn {
  display: inline-block;
  min-width: 150px;
  height: 60px;
  background-color: #ac8a74;
  color: #ffffff;
  border: none;
  border-radius: 0;
  padding: 0 30px;
  font-size: 14px;
  line-height: 60px;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  font-weight: 400;
  text-transform: capitalize;
}




/* :: 4.0 Search Wrapper Area CSS */

.search-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index:-1;
  top: 170px;
  bottom: -100%;
  padding: 0 60px;
  -webkit-transition: 1000ms;
  transition: 1000ms;
  height: 50px;
  background-color: #f6f4f3;
  padding: 40px;
  opacity: 0;
}
.search-wrapper.on {
  opacity:1;
  top: 125px;
  z-index: 600;
}

.search-wrapper .close--icon {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  background-color: #ac8a74;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 18px;
}
.mobile_search{
  display: none;
}
.mobile_logo{
  display: none;
}
.search-wrapper .search-logo {
  position: absolute;
  top: 50px;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.search-wrapper .search-form {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 50%;
  margin: auto;
}

.search-wrapper .search-form form {
  position: relative;
  z-index: -1;
}
.on form {
  position: relative;
  z-index: 9999 !important;
}
.search-wrapper .search-form input {
  width: 100%;
  height: 50px;
  background-color: #f6f4f3;
  border: none;
  border-radius: 5px;
  padding: 0 30px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Tiempos Headline Regular';
  font-size: 18px;
}
.search-wrapper .search-form i{
  position: absolute;
  left: 0;
  top: 20px;
}
.search-wrapper .search-form::placeholder {
  color: #6b6b6b;
  opacity: 1; /* Firefox */
  text-transform: uppercase;
}

.search-wrapper .search-form:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #6b6b6b;
 text-transform: uppercase;
}

.search-wrapper .search-form:-ms-input-placeholder { /* Microsoft Edge */
 color: #6b6b6b;
 text-transform: uppercase;
}
.search-wrapper .search-form button {
  position: absolute;
  width: 80px;
  height: 50px;
  background-color: #ac8a74;
  color: #ffffff;
  top: 0;
  right: 0;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  outline: none;
}

.search-wrapper .copywrite-text {
  position: absolute;
  bottom: 50px;
  z-index: 10;
  width: 100%;
  text-align: center;
}

.search-wrapper .copywrite-text p {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 14px;
}

.search-wrapper .copywrite-text p a {
  font-size: 14px;
  color: #ac8a74;
}




/* :: 5.0 Header Area CSS */

.header-area {
  position: relative;
  z-index: 100;
  width: 100%;
}

.header-area .top-header {
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  border-bottom: 1px solid #e9eaed;
  padding-top: 8px;
  color: #95a9ae;
  position: relative;
}
.border_line{
  position: absolute;
  bottom: 13px;
  height: 1px;
  width: 80px;
  background-color: #ffffff;
}
.top-header p{
  color: #577b84;
  opacity: .7;
}
.top-header i{
  padding-right: 5px;
  color: #577b84;
}
.phone{
  text-align: right;
}
.phone i{
  transform: rotate(90deg);
}
.is-sticky .nav-brand img {
    margin-top: 15px;
    width: 110px;
}
.scrool_search{
  top: 80px !important;
}
.header-area .top-header .next-events-countdown p {
  margin-bottom: 0;
  color: #ac8a74;
  font-size: 14px;
  margin-right: 20px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .header-area .top-header .next-events-countdown p {
    font-size: 12px;
  }
}

.header-area .top-header .next-events-countdown .events-cd {
  color: #ffffff;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .header-area .top-header .next-events-countdown .events-cd {
    font-size: 12px;
  }
}

.header-area .top-header .next-events-countdown .events-cd span {
  color: #878787;
}

.header-area .faith-main-menu {
  position: relative;
  width: 100%;
  z-index: 100;
  height: 80px;
  background-color: #ffffff;
}

.header-area .faith-main-menu .classy-nav-container {
  background-color: transparent;
}

.header-area .faith-main-menu .classy-navbar {
  height: 80px;
  padding: 0;
}

.header-area .faith-main-menu .classy-navbar .classynav ul li a {
  padding: 0 15px;
  display: block;
  height: 80px;
  font-size: 18px;
  line-height: 80px;
  font-weight: 500;
  font-family: 'Tiempos Headline Light';
  color: #00495c;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .faith-main-menu .classy-navbar .classynav ul li a {
    height: 38px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .header-area .faith-main-menu .classy-navbar .classynav ul li a {
    height: 38px;
    line-height: 38px;
  }
}
.header-area .faith-main-menu .classy-navbar .classynav ul li a:hover,
.header-area .faith-main-menu .classy-navbar .classynav ul li a:focus {
  color: #ffffff;
  background-color: #00995a;
}

.header-area .faith-main-menu .classy-navbar .classynav ul li a:hover::after,
.header-area .faith-main-menu .classy-navbar .classynav ul li a:focus::after {
  color: #ffffff;
}

.header-area .faith-main-menu .classynav ul li .dropdown li a,
.header-area .faith-main-menu .classynav ul li .megamenu li a {
  font-size: 14px;
  height: 38px;
  line-height: 38px;
}

.header-area .faith-main-menu .classynav ul li .dropdown li a::after,
.header-area .faith-main-menu .classynav ul li .megamenu li a::after {
  top: 3px;
}

.header-area .faith-main-menu .classynav .search-btn {
  text-align: center;
  display: inline-block;
  line-height: 33px;
  cursor: pointer;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  background-color: #fe9330;
  color: #ffffff;
  height: 33px;
  width: 33px;
  border-radius: 50%;
}

.header-area .faith-main-menu .classynav .search-btn:hover {
  color: #ffffff;
  background-color: #1b1b1b;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .faith-main-menu .classynav .search-btn {
    width: 100%;
    background-color: #333;
    color: #ffffff;
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header-area .faith-main-menu .classynav .search-btn {
    width: 100%;
    color: #577b84;
    font-size: 17px;
    display: none;
  }
}

.header-area .faith-main-menu .classynav .donate-btn a {
  text-align: center;
  width: 160px;
  display: inline-block;
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
  color: #ffffff;
  background-color: #ac8a74;
}

.header-area .faith-main-menu .classynav .donate-btn a:hover {
  color: #ffffff;
  background-color: #1b1b1b;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .faith-main-menu .classynav .donate-btn a {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .header-area .faith-main-menu .classynav .donate-btn a {
    width: 100%;
  }
}

.header-area .is-sticky .faith-main-menu {
  z-index: 3000 !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}


/* :: 6.0 Welcome Area CSS */

.hero-slides {
  position: relative;
  z-index: 1;
}

.hero-slides .single-hero-slide {
  width: 100%;
  height: 500px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slides .single-hero-slide {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slides .single-hero-slide {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slides .single-hero-slide {
    height: auto;
  }
}
.slider_caption{
  background-color: #ffffff;
  padding: 30px 20px;
  border-bottom: 7px solid #00995a;
  position: absolute;
  top: 20%;
  left: 20%;
  background: linear-gradient(240deg, transparent 25px, white 20px);
}
.slider_caption p{
  font-size: 14px;
}
.hero-slides .single-hero-slide .hero-slides-content .date {
  min-width: 100px;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  background-color: #ac8a74;
  display: inline-block;
  color: #ffffff;
  margin-bottom: 30px;
}

.slider_caption h2 {
  font-size: 34px;
  color: #00495c;
  border-bottom: 3px solid #fe9330;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slides .single-hero-slide .hero-slides-content h2 {
    font-size: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slides .single-hero-slide .hero-slides-content h2 {
    font-size: 22px;
  }
}


.hero-slides .single-hero-slide .hero-slides-content p {
  color: #577b84;
  margin-bottom: 0;
}

.hero-slides .single-hero-slide .next-event-btn {
  width: 100%;
  position: absolute;
  z-index: 10;
  top: 50px;
  right: 0;
  height: auto;
}

.hero-slides .owl-prev,
.hero-slides .owl-next {
  background: transparent;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  top: 50%;
  margin-top: -48px;
  left: 0;
  position: absolute;
  z-index: 10;
  text-align: center;
  font-size: 20px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.hero-slides .owl-prev:hover,
.hero-slides .owl-prev:focus,
.hero-slides .owl-next:hover,
.hero-slides .owl-next:focus {
  background-color: rgba(0, 153, 90, .9);
  color: #ffffff;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .hero-slides .owl-prev,
  .hero-slides .owl-next {
    opacity: 0;
    visibility: hidden;
  }
}

.hero-slides .owl-next {
  left: auto;
  right: 10px;
}
.hero-slides .owl-prev {
  left: 10px;
}

.hero-slides .owl-dots {
  position: absolute;
  bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  width: 1140px;
  z-index: 10;
}
.donate-slides4 .owl-dots {
  position: absolute;
  bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  width: 1140px;
  z-index: 10;
}
.donate-slides4 .owl-item{
  padding: 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slides .owl-dots {
    width: 930px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slides .owl-dots {
    width: 700px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slides .owl-dots {
    width: 300px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hero-slides .owl-dots {
    width: 440px;
  }
}

.hero-slides .owl-dots .owl-dot {
  color: #ffffff;
  font-size: 14px;
  margin: 0 2px;
}
.donate-slides4 .owl-dots .owl-dot {
  color: red;
  font-size: 24px;
  margin: 0 2px;
}

.hero-slides .owl-dots .owl-dot.active {
  color: #ac8a74;
}

@media only screen and (max-width: 767px) {
  .hero-slides:hover .owl-prev,
  .hero-slides:hover .owl-next {
    opacity: 1;
    visibility: visible;
  }
}


/* :: 7.0 Call to Action CSS */

.faith-cta-area {
  position: relative;
  z-index: 1;
  padding: 25px 0;
  background-color: #1b1b1b;
}

@media only screen and (max-width: 767px) {
  .faith-cta-area .cta-text {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.faith-cta-area .cta-text h5 {
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 22px;
}

@media only screen and (max-width: 767px) {
  .faith-cta-area .cta-text h5 {
    margin-bottom: 30px;
  }
}

.faith-cta-area .faith-btn:hover,
.faith-cta-area .faith-btn:focus {
  box-shadow: 0 5px 40px rgba(255, 255, 255, 0.2);
}

.faith-cta-area.style-2 {
  background-color: #ac8a74;
}

.faith-cta-area.style-2 .faith-btn:hover,
.faith-cta-area.style-2 .faith-btn:focus {
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.2);
}


/* :: 8.0 About Us Area CSS */

.faith-about-area {
  position: relative;
  z-index: 1;
}

.faith-about-area .about-content {
  text-align: center;
  border-bottom: 2px solid #e8e8e8;
  padding-bottom: 100px;
}

.faith-about-area .about-content img {
  margin-bottom: 15px;
}

.faith-about-area .about-content h2 {
  font-size: 36px;
  margin-bottom: 30px;
  font-style: italic;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .faith-about-area .about-content h2 {
    font-size: 24px;
  }
}

.faith-about-area .about-content h6 {
  color: #5a5a5a;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 0;
}


/* :: 9.0 Upcoming Events Area CSS */

.upcoming-events {
  position: relative;
  z-index: 1;
}

.upcoming-events .headline {
  margin-bottom: 80px;
}

.upcoming-events .headline h5 {
  font-size: 18px;
  margin-bottom: 0;
}

.single-upcoming-events {
  position: relative;
  z-index: 1;
  background-color: #eff4f6;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .single-upcoming-events {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.single-upcoming-events .event-date-thumbnail {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 214px;
  flex: 0 0 214px;
  max-width: 214px;
  width: 214px;
  background-color: #ac8a74;
}

@media only screen and (max-width: 767px) {
  .single-upcoming-events .event-date-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}

.single-upcoming-events .event-date-thumbnail .event-date {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 107px;
  flex: 0 0 107px;
  max-width: 107px;
  width: 107px;
  height: 107px;
  text-align: center;
  padding: 18px 0;
}

@media only screen and (max-width: 767px) {
  .single-upcoming-events .event-date-thumbnail .event-date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }
}

.single-upcoming-events .event-date-thumbnail .event-date h6 {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.7;
}

.single-upcoming-events .event-date-thumbnail .event-thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 107px;
  flex: 0 0 107px;
  max-width: 107px;
  width: 107px;
  height: 107px;
}

@media only screen and (max-width: 767px) {
  .single-upcoming-events .event-date-thumbnail .event-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    height: 107px;
  }
}

.single-upcoming-events .events-content {
  padding: 15px 20px;
}

.single-upcoming-events .events-content a {
  display: block;
}

.single-upcoming-events .events-content a h6 {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.single-upcoming-events .events-content a h6:hover,
.single-upcoming-events .events-content a h6:focus {
  color: #ac8a74;
}

.single-upcoming-events .events-content p {
  margin-bottom: 0;
  font-size: 13px;
}

.single-upcoming-events:hover .event-date-thumbnail,
.single-upcoming-events:focus .event-date-thumbnail {
  background-color: #1b1b1b;
}


/* :: 10.0 Latest Sermons Area CSS */

.latest-sermons {
  position: relative;
  z-index: 1;
}

.latest-sermons .headline {
  margin-bottom: 80px;
}

.latest-sermons .headline h5 {
  font-size: 18px;
  margin-bottom: 0;
}

.single-sermons {
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}

.single-sermons:last-of-type {
  margin-bottom: 0;
}

.single-sermons .sermons-content {
  background-color: #eff4f6;
}

@media only screen and (max-width: 767px) {
  .single-sermons .sermons-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.single-sermons .sermons-content .sermons-thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 195px;
  flex: 0 0 195px;
  max-width: 195px;
  width: 195px;
  height: 137px;
}

@media only screen and (max-width: 767px) {
  .single-sermons .sermons-content .sermons-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}

.single-sermons .sermons-content .sermons-text {
  padding: 15px 30px;
}

.single-sermons .sermons-content .sermons-text h6 {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  font-size: 16px;
}

.single-sermons .sermons-content .sermons-text h6:hover,
.single-sermons .sermons-content .sermons-text h6:focus {
  color: #ac8a74;
}

.single-sermons .sermons-content .sermons-text p {
  font-size: 13px;
  margin-bottom: 0;
}

.single-sermons .sermons-content .sermons-text p:last-child {
  color: #ac8a74;
}

.single-sermons .sermons-audio-player .audioplayer {
  margin: 0;
  padding: 0;
  height: 40px;
  border: none;
  border-radius: 0;
}

.single-sermons .sermons-audio-player .audioplayer-playpause {
  width: 20px;
  height: auto;
  border-radius: 0;
}

.single-sermons .sermons-audio-player .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
  border-left: 12px solid #ac8a74;
}

.single-sermons .sermons-audio-player .audioplayer-bar-played,
.single-sermons .sermons-audio-player .audioplayer-volume-adjust div div {
  background: #333333;
}

.single-sermons .sermons-audio-player .audioplayer-bar-played::after {
  display: none;
}

.single-sermons .sermons-audio-player .see-more-btn {
  text-align: right;
  width: 95px;
}

.single-sermons .sermons-audio-player .see-more-btn a {
  display: inline-block;
  font-size: 11px;
  color: #ac8a74;
  border-bottom: 1px solid #ac8a74;
}

.single-sermons .sermons-audio-player .see-more-btn a:hover,
.single-sermons .sermons-audio-player .see-more-btn a:focus {
  color: #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
}

.single-sermons.style-2 .sermons-content {
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.single-sermons.style-2 .sermons-content .sermons-thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  height: 323px;
}

.single-sermons.style-2 .sermons-content .sermons-text {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 40px 50px;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
}

.single-sermons.style-2 .sermons-content .sermons-text p.date {
  color: #ac8a74;
}

.single-sermons.style-2 .sermons-content .sermons-text p:last-child {
  font-size: 14px;
  font-weight: 500;
  margin-top: 45px;
  margin-bottom: 0;
  color: #5a5a5a;
}

.single-sermons.style-2 .sermons-audio-player {
  padding: 20px 0;
}

.single-sermons.style-2:hover .sermons-content .sermons-text,
.single-sermons.style-2:focus .sermons-content .sermons-text {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  border-bottom: 2px solid #ac8a74;
  border-right: 2px solid #ac8a74;
  border-left: 2px solid #ac8a74;
}

.single-sermons.style-3 {
  margin-bottom: 0;
}

.single-sermons.style-3 .sermons-content {
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-sermons.style-3 .sermons-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.single-sermons.style-3 .sermons-content .sermons-thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  height: 550px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-sermons.style-3 .sermons-content .sermons-thumbnail {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-sermons.style-3 .sermons-content .sermons-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .single-sermons.style-3 .sermons-content .sermons-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 300px;
  }
}

.single-sermons.style-3 .sermons-content .sermons-text {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 90px 5%;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .single-sermons.style-3 .sermons-content .sermons-text {
    padding: 90px 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}

.single-sermons.style-3 .sermons-content .sermons-text p.date {
  color: #ac8a74;
}

.single-sermons.style-3 .sermons-content .sermons-text p.text {
  font-size: 14px;
  font-weight: 500;
  margin-top: 45px;
  margin-bottom: 0;
  color: #5a5a5a;
}

.single-sermons.style-3 .sermons-content .sermons-text .sermons-audio-player .audioplayer {
  background: transparent;
}


/* :: 11.0 Donate Area CSS */

.donate-slides {
  position: relative;
  z-index: 1;
}

.donate-slides .owl-prev,
.donate-slides .owl-next {
  background-color: #ac8a74;
  width: 40px;
  height: 96px;
  line-height: 95px;
  color: #ffffff;
  top: 50%;
  margin-top: -48px;
  left: -20px;
  position: absolute;
  z-index: 10;
  text-align: center;
  font-size: 26px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

@media only screen and (max-width: 767px) {
  .donate-slides .owl-prev,
  .donate-slides .owl-next {
    left: 0;
  }
}

.donate-slides .owl-prev:hover,
.donate-slides .owl-prev:focus,
.donate-slides .owl-next:hover,
.donate-slides .owl-next:focus {
  background-color: #1b1b1b;
  color: #ac8a74;
}

.donate-slides .owl-next {
  left: auto;
  right: -20px;
}

@media only screen and (max-width: 767px) {
  .donate-slides .owl-next {
    right: 0;
  }
}

.single-donate-slide {
  position: relative;
  z-index: 1;
}


.single-donate-slide img {
  width: 100%;
}

.single-donate-slide .donate-content {
  position: absolute;
  top: 70px;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.single-donate-slide .donate-content h4 {
  color: #ffffff;
  margin-bottom: 5px;
  font-weight: 400;
}

.single-donate-slide .donate-content p {
  color: #ffffff;
}

.single-donate-slide .donate-btn {
  position: absolute;
  width: 100%;
  z-index: 30;
  bottom: -52px;
}




/* :: 12.0 Blog Area CSS */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faith-blog-sidebar-area {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .faith-blog-sidebar-area {
    margin-top: 100px;
  }
}

.single-blog-area {
  position: relative;
  z-index: 1;
  background-color: #eff4f6;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.single-blog-area .blog-thumbnail {
  position: relative;
  z-index: 1;
}

.single-blog-area .blog-thumbnail img {
  width: 100%;
}

.single-blog-area .blog-thumbnail .post-date a {
  position: absolute;
  width: 195px;
  height: 35px;
  top: 0;
  background-color: #ac8a74;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 35px;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.single-blog-area .blog-thumbnail .post-date a:hover,
.single-blog-area .blog-thumbnail .post-date a:focus {
  background-color: #1b1b1b;
}

.single-blog-area .blog-content {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 40px 25px;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
}

.single-blog-area .blog-content .blog-title {
  font-size: 18px;
  display: block;
  margin-bottom: 15px;
}

.single-blog-area .blog-content .blog-title:hover {
  color: #ac8a74;
}

.single-blog-area .blog-content p {
  font-weight: 500;
  margin-bottom: 30px;
}

.single-blog-area .blog-content .readmore-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #ac8a74;
  border-bottom: 1px solid #ac8a74;
}

.single-blog-area .blog-content .readmore-btn:hover {
  color: #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
}

.single-blog-area:hover,
.single-blog-area:focus {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

.single-blog-area:hover .blog-content,
.single-blog-area:focus .blog-content {
  border-bottom-color: #ac8a74;
  border-right-color: #ac8a74;
  border-left-color: #ac8a74;
}


.blog-widget-area {
  position: relative;
  z-index: 1;
  margin-bottom: 70px;
  display: block;
}

.blog-widget-area h5 {
  padding-left: 25px;
  background-color: #ac8a74;
  line-height: 35px;
  height: 35px;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  display: block;
  margin-bottom: 30px;
}

.blog-widget-area ul {
  padding-left: 65px;
}

.blog-widget-area ul li a {
  margin-bottom: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  line-height: 1;
}

.blog-widget-area ul li a:hover,
.blog-widget-area ul li a:focus {
  color: #ac8a74;
  border-bottom: 1px solid #ac8a74;
}

.blog-widget-area ul li:last-child a {
  margin-bottom: 0;
}

.single-latest-blog-post {
  position: relative;
  z-index: 1;
}

.single-latest-blog-post .latest-blog-post-thumb {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  max-width: 90px;
  width: 90px;
  height: 90px;
  margin-right: 25px;
}

.single-latest-blog-post .latest-blog-post-content a {
  display: block;
  margin-bottom: 5px;
}

.single-latest-blog-post .latest-blog-post-content a.post-title {
  font-size: 16px;
  font-weight: 500;
  color: #ac8a74;
}

.single-latest-blog-post .latest-blog-post-content a.post-title:hover {
  color: #1b1b1b;
}

.single-latest-blog-post .latest-blog-post-content a.post-date {
  font-size: 12px;
}


/* :: 13.0 Footer Area CSS */

.main-footer-area {
  position: relative;
  z-index: 1;
  background-color: #00995a;
}
.footer_left_widget{
  color: #ffffff;
  margin-bottom: 25px;
}
.footer_left_widget h5{
  font-size: 16px;
  color: #ffffff;
  font-family: "Nunito", sans-serif;
}
.footer_widget_menu a{
  color: #ffffff;
  line-height: 30px;
  transition: .3s;
}
.footer_widget_menu a:hover{
  transition: .3s;
  color: #ffa45d;
}
.contact_information p{
  color: #ffffff;
  line-height: 26px;
  margin: 0;
  font-size: 14px;
}

.contact_information p a{
  color: #ffffff;
  line-height: 26px;
  margin: 0;
  font-size: 14px;
}

.newsletter_signup{
  padding-top: 35px;
  padding-bottom: 30px;
  border-bottom: 1px solid #33ad7b;
  margin-bottom: 25px;
}
.newsletter_signup h3{
  color: #ffa45d;
  font-size: 26px;
}
.newsletter_signup p{
  color: #ffffff;
  font-size: 14px;
}
.newsletter_signup input[type="email"]{
  height: 55px;
  width: 300px;
  line-height: 55px;
  background-color: #ffffff;
  border-radius: 30px;
  padding-left: 35px;
  border: none;
  float: left;
}

.es_button {
    position: absolute;
    right: 30px;
    padding-top: 0 !important;
    top: 0;
}
.es_button input[type="submit"]{
  height: 55px;
  background:url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/newsletter_back.png);
  background-size: cover;
  background-position: top;
  width: 55px;
  border-radius: 50%;
  border: none;
  transition: .3s;
  color: transparent;
}
.es_button input[type="submit"]:hover{
  cursor: pointer;
  background-position: bottom;
  transition: .3s;
}

.footer_right_widget{
  background-color: #ffffff;
  padding: 25px 25px 50px 25px;
  text-align: center;
  background:linear-gradient(50deg, transparent 35px, white 35px)
}
.right_widget_content img{
  margin-bottom: 25px;
}
.social_icon{
  margin-top: 20px;
}
.social_icon a:hover i{
  transition: .3s;
  color: #ff9847;
}
.social_icon i{
  color: #577b84;
  font-size: 20px;
  margin-left: 13px;
  transition: .3s;
}
.copy_right{
  padding-bottom: 25px;
}
.copy_right ul li{
  color: #1fce86;
  font-size: 14px;
  border-right: 1px solid #1fce86;
  padding-right: 13px;
  padding-left: 13px;
  line-height: 14px;
  float: left;
}
.copy_right ul li:last-child{
  border: none;
}
.copy_right ul li:first-child{
  padding-left: 0;
}
.copy_right ul li:first-child:hover a{
  cursor: inherit;
}
.copy_right ul li a{
  color: #1fce86;
  font-size: 14px;
  transition: .3s;
}
.copy_right ul li a:hover{
  color: #ffffff;
  transition: .3s;
}
.main-footer-area .footer-widget .widget-title {
  margin-bottom: 45px;
}

.main-footer-area .footer-widget .widget-title h6 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  color: #ffffff;
  margin-top: 8px;
  text-transform: capitalize;
}

.main-footer-area .footer-widget p {
  color: #c9c9c9;
  line-height: 2;
}

.main-footer-area .footer-widget .footer-social-info {
  margin-top: 55px;
  display: block;
  margin-bottom: 280px;
}

@media only screen and (max-width: 767px) {
  .main-footer-area .footer-widget .footer-social-info {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-footer-area .footer-widget .footer-social-info {
    margin-bottom: 280px;
  }
}

.main-footer-area .footer-widget .footer-social-info a {
  display: inline-block;
  color: #ac8a74;
  margin-right: 25px;
  font-size: 15px;
}

.main-footer-area .footer-widget .footer-social-info a:hover,
.main-footer-area .footer-widget .footer-social-info a:focus {
  color: #ffffff;
}

.main-footer-area .footer-widget .single-contact-area p {
  margin-bottom: 30px;
  color: #ac8a74;
  border-bottom: 1px solid #ac8a74;
  display: inline-block;
}

.main-footer-area .footer-widget .single-contact-area span {
  color: #c9c9c9;
  display: block;
}

.main-footer-area .footer-widget .useful-links li {
  display: block;
}

.main-footer-area .footer-widget .useful-links li a {
  font-size: 14px;
  color: #c9c9c9;
  display: inline-block;
  margin-bottom: 15px;
  border-bottom: 1px solid transparent;
}

.main-footer-area .footer-widget .useful-links li a:hover,
.main-footer-area .footer-widget .useful-links li a:focus {
  color: #ac8a74;
  border-bottom: 1px solid #ac8a74;
  display: inline-block;
}

.main-footer-area .copywrite-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

.main-footer-area .copywrite-text p {
  font-size: 12px;
  color: #ac8a74;
}

.main-footer-area .copywrite-text p a {
  color: #ac8a74;
  font-size: 12px;
}

.main-footer-area .copywrite-text p a:hover,
.main-footer-area .copywrite-text p a:focus {
  color: #ffffff;
}


/* :: 14.0 Breadcumb Area CSS */

.breadcumb-area {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 340px;
}

.breadcumb-area::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  content: '';
  position: absolute;
  z-index: -5;
}

.breadcumb-area .breadcumb-text h5 {
  font-size: 22px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .breadcumb-area .breadcumb-text h5 {
    font-size: 18px;
  }
}

.breadcumb-area .breadcumb-text h2 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .breadcumb-area .breadcumb-text h2 {
    font-size: 36px;
  }
}

.breadcumb-area .breadcumb-text p {
  color: #ffffff;
  margin-bottom: 0;
}


/* :: 15.0 Ministry Area CSS */

.single-ministry {
  position: relative;
  z-index: 1;
  background-color: #eff4f6;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.single-ministry .ministry-content {
  position: relative;
  z-index: 1;
  text-align: center;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 50px 30px 110px;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
}

.single-ministry .ministry-content h6 {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}

.single-ministry .ministry-content span {
  font-size: 13px;
  margin-bottom: 40px;
  display: block;
  color: #5a5a5a;
}

.single-ministry .ministry-content p {
  margin-bottom: 0;
}

.single-ministry .ministry-content .ministry-btn {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -15px;
}

.single-ministry:hover,
.single-ministry:focus {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

.single-ministry:hover .ministry-content,
.single-ministry:focus .ministry-content {
  border-bottom-color: #ac8a74;
  border-right-color: #ac8a74;
  border-left-color: #ac8a74;
}


/* :: 16.0 Single Pastor Area CSS */

.single-pastor-area {
  position: relative;
  z-index: 1;
}

.single-pastor-area img {
  border-bottom: 4px solid #ac8a74;
}

.single-pastor-area .pastor-content {
  text-align: center;
  padding: 30px 30px 0;
}

.single-pastor-area .pastor-content h5 {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 5px;
}

.single-pastor-area .pastor-content h6 {
  font-size: 14px;
  color: #8f8f8f;
  margin-bottom: 35px;
}

.single-pastor-area .pastor-content .pastor-meta {
  width: 100%;
}

.single-pastor-area .pastor-content .pastor-meta a {
  display: inline-block;
  border-bottom: 1px solid #ac8a74;
  color: #ac8a74;
  font-weight: 400;
  font-size: 12px;
}

.single-pastor-area .pastor-content .pastor-meta a:hover,
.single-pastor-area .pastor-content .pastor-meta a:focus {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}


/* :: 17.0 Contact Area CSS */

.map-area {
  position: relative;
  z-index: 2;
}

.map-area #googleMap {
  width: 100%;
  height: 680px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .map-area #googleMap {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .map-area #googleMap {
    height: 350px;
  }
}

.contact-info-area {
  position: relative;
  z-index: 10;
  padding: 100px 60px;
  background-color: #eff4f6;
  top: 100px;
}

@media only screen and (max-width: 767px) {
  .contact-info-area {
    padding: 100px 15px;
  }
}

.contact-information h5 {
  font-size: 18px;
  margin-bottom: 50px;
  font-weight: 400;
}

.contact-information .single-contact-area p {
  margin-bottom: 30px;
  color: #ac8a74;
  border-bottom: 1px solid #ac8a74;
  display: inline-block;
}

.contact-information .single-contact-area span {
  color: #5a5a5a;
  display: block;
}

.contact-form-area {
  position: relative;
  z-index: 1;
}

.contact-form-area h5 {
  font-size: 18px;
  margin-bottom: 50px;
  font-weight: 400;
}

.contact-form-area .form-control {
  height: 52px;
  width: 100%;
  background-color: #eff4f6;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 15px;
  border: none;
  border-bottom: 3px solid #eff4f6;
  border-radius: 0;
  padding: 15px 30px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: #ffffff;
}

.contact-form-area .form-control:focus {
  border-bottom: 3px solid #ac8a74;
  box-shadow: none;
}

.contact-form-area textarea.form-control {
  height: 200px;
}


/* :: 18.0 Elements Area CSS */

.elements-title {
  margin-bottom: 80px;
}

.elements-title h2 {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .elements-title h2 {
    font-size: 30px;
  }
}

.single-pie-bar h6 {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 10px;
  color: #5a5a5a;
}

.single-cool-fact {
  position: relative;
  z-index: 1;
}

.single-cool-fact h3 {
  font-size: 48px;
  margin-bottom: 10px;
  font-weight: 400;
  color: #ac8a74;
}

.single-cool-fact h6 {
  font-size: 14px;
  color: #5a5a5a;
  margin-bottom: 0;
}


/* Accordians */

.single-accordion.panel {
  background-color: #ffffff;
  border: 0 solid transparent;
  border-radius: 4px;
  box-shadow: 0 0 0 transparent;
  margin-bottom: 15px;
}

.single-accordion:last-of-type {
  margin-bottom: 0;
}

.single-accordion h6 {
  margin-bottom: 0;
  text-transform: uppercase;
}

.single-accordion h6 a {
  border-radius: 0;
  background-color: #eff4f6;
  color: #1b1b1b;
  border: 2px solid #ac8a74;
  display: block;
  margin: 0;
  padding: 20px 60px 20px 20px;
  position: relative;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
}

.single-accordion h6 a span {
  font-size: 10px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 23px;
}

.single-accordion h6 a span.accor-open {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.single-accordion h6 a.collapsed {
  background-color: #eff4f6;
  color: #5a5a5a;
  border: 2px solid #eff4f6;
}

.single-accordion h6 a.collapsed span.accor-close {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.single-accordion h6 a.collapsed span.accor-open {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.single-accordion .accordion-content {
  border-top: 0 solid transparent;
  box-shadow: none;
}

.single-accordion .accordion-content p {
  padding: 20px 15px 5px;
  margin-bottom: 0;
}


/* Tabs CSS*/

.faith-tabs-content {
  position: relative;
  z-index: 1;
}

.faith-tabs-content .nav-tabs {
  border-bottom: none;
  margin-bottom: 50px;
}

.faith-tabs-content .nav-tabs .nav-link {
  background-color: #eff4f6;
  color: #5a5a5a;
  border: 2px solid #eff4f6;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  margin: 0 2px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 46px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faith-tabs-content .nav-tabs .nav-link {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .faith-tabs-content .nav-tabs .nav-link {
    padding: 0 10px;
    margin-bottom: 5px;
  }
}

.faith-tabs-content .nav-tabs .nav-link.active {
  background-color: transparent;
  color: #1b1b1b;
  border: 2px solid #ac8a74;
}

.faith-tabs-content .tab-content h6 {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .faith-tabs-content .faith-tab-text {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.faith-tabs-content .faith-tab-text .tab-thumb {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 170px;
  flex: 0 0 170px;
  max-width: 170px;
  width: 170px;
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  .faith-tabs-content .faith-tab-text .tab-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
  }
}

.faith-tabs-content .faith-tab-text .tab-thumb img {
  width: 100%;
}


/* Single Feature Area */

.single-feature-area .title {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}

.single-feature-area .title img {
  margin-right: 15px;
}

.single-feature-area .title h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
}



/*----------------------------- innerpage css ---------------------*/
.innerpage_header_about{
  background-image: url(img/about/about_title_back.jpg);
  min-height: 352px;
  background-size: cover;
  position: relative;
  border: 1px solid #e1e9ec;
}
.innerpage_header_title{
  position: absolute;
  top: 75px;
  left:70px;
  width: 275px;
  background-color: #ffffff;
  padding: 25px;
  border-bottom: 7px solid #00995a;
  background: linear-gradient(240deg, transparent 25px, white 20px);
}
.innerpage_header_title p{
  margin: 0;
  padding: 0;
}
.innerpage_header_title h2 {
    font-size: 34px;
    color: #00495c;
    border-bottom: 3px solid #fe9330;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.innerpage_menu{
  border-bottom: 2px solid #eff0f0;
  margin-bottom: 100px;
}
.innerpage_menu ul li{
  padding: 22px 18px;
  transition: .3s;
  border-bottom:2px solid #ffffff;
}
.innerpage_menu .current_page_item{
  border-bottom:2px solid #00995a;
}
.innerpage_menu .current_page_item a{
  color: #00995a;
}
.innerpage_menu ul li:hover{
  border-bottom:2px solid #00995a;
  transition: .3s;
}
.innerpage_menu ul li:hover a{
  color: #00995a;

}
.innerpage_menu ul li a{
  font-size: 20px;
  color: #00495c;
  display: block;
  transition: .3s;
  font-family: 'Tiempos Headline Regular';
}
.passion{
  background:url(http://arenaphone.us/mjfw/wp-content/uploads/2019/10/about-page-image-4.png);
  background-repeat: no-repeat;
  min-height: 524px;
  position: relative;
}
.passion_content{
  position: absolute;
  width: 170px;
  top: 70px;
  right: 60px;
  text-align: center;
}
.passion_content h1{
  font-size: 75px;
  color: #fc8b32;
  margin-bottom: 0px;
  line-height: 75px;
}
.passion_content h4{
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  margin: 0;
  padding: 0;
  color: #fc8b32;
}
.mission_content{
  margin-top: 40px;
  padding-left: 40px;
}
.mission_content h4{
  font-size: 30px;
  font-family: 'Tiempos Headline Semibold';
  margin-bottom: 20px;
}
.mission_content h6{
  font-size: 16px;
  font-weight: bold;
  font-family: "Nunito", sans-serif;
  margin-bottom: 20px;
}
.meet_our_leadership{
  margin-top: 0px;
  float: right;
}
.meet_our_leadership a{
  padding:13px 10px;
  border:2px solid #fc8b32;
  color: #fc8b32;
  font-size: 16px;
  transition: .3s;
  display: inline-block;
}
.meet_our_leadership i{
  font-size: 12px;
  padding-left: 5px;
}
.meet_our_leadership:hover a{
  background: #fc8b32;
  color: #ffffff;
}
.vission_promise{
  background: url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/mission_vission_back.jpg);
  padding: 100px 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.vission_promise_content{
  padding-bottom: 50px;
  padding-right: 100px;
  margin-top: 20px;
}
.vission_promise_content h3{
  color: #ffffff;
}
.vission_promise_content p{
  color: #ffffff;
}
.joint_us{
  margin-top: 40px;
}
.about_stratigy_content{
  padding-right: 20px;
}
.about_stratigy_content h3{
  font-size: 30px;
  margin-bottom: 30px;
}
.about_stratigy_content a{
  color: #fc8b32;
  text-decoration: underline;
  font-size: 16px;
  font-weight: bold;
}
.years_of_experience{
  background-image: url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/09_back.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.district{
  background-image: url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/25_back.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.campaigns{
  background-image: url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/43_back.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.million_people_helped{
  background-image: url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/53_back.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  text-align: center;
}
.years_of_experience h1, .district h1, .campaigns h1, .million_people_helped h1 {
  color: #333333;
  font-size: 67px;
  line-height: 26px;
  margin-bottom: 30px;
  padding-top: 35px;
  font-weight: normal;
}
.years_of_experience h6, .district h6, .campaigns h6, .million_people_helped h6{
  color: #333333;
  font-size: 20px;
  line-height: 18px;
  width: 130px;
  text-align: center;
  margin: auto;
}
.about_content_image{
  margin-bottom: 10px;
}
.about_content_image img{
  width: 100%;
}
.career_of_mjf{
  background-image: url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/career_at_mjf.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  padding: 100px 0;
  
}
.career_of_mjf_content{
  height: 300px;
  width: 430px;
  background-color: rgba(255, 255, 255, .9);
  margin: auto;
  padding: 30px 5px;
  text-align: center;
  border-radius: 5px;
}
.career_of_mjf_content p{
  margin-bottom: 30px;
}
.career_of_mjf_content a{
  background-color: #fc8b32;
  color: #ffffff;
  padding: 12px 50px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
}
.great_leadership_content{
  background-color: #edeef2;
  padding: 40px 30px 60px 30px;
}
.great_leadership_content h1{
  font-size: 27px;
  line-height: 40px;
  margin-bottom: 20px;
}
.great_leadership_profile{
  text-align: center;
}
.great_leadership_profile img{
  margin-bottom: 35px;
}
.great_leadership_profile h3{
  font-size: 20px;
  margin-bottom: 20px;
}
.great_leadership_profile h4{
  font-size: 17px;
  margin-bottom: 20px;
}
.great_leadership_profile p{
  font-size: 14px;
  line-height: 21px;
}
.great_leadership_profile p span{
  font-weight: bold;
}
.great_leadership .meet_our_leadership{
  float: right;
  margin-right: 10px;
  width: 210px;
}
.our_sponsor .owl-item img{
  width: auto !important;
}
.our_sponsor .owl-prev, .our_sponsor .owl-next {
    background: transparent;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #333333;
    top: 50%;
    margin-top: 0px;
    left: 0;
    position: absolute;
    z-index: 10;
    text-align: center;
    font-size: 20px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.our_sponsor .owl-next {
    left: auto;
    right: 10px;
}
.our_sponsor .owl-carousel.owl-loaded {
    display: block;
    padding: 0 60px;
}
.home .mjf_section_title h3:before{
  display: none;
}
.mjf_section_title{
  position: relative;
}
.mjf_section_title h3{
  position: relative;
  display: inline;
}
.mjf_section_title h3:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-bottom: 10px solid #fead62;
}
.publication_title p{
  width: 80%;
}
.publication_tabs .nav-tabs{
  width: 55%;
  margin: auto;
  border: none;
  margin-bottom: 70px;
}
.publication_tabs .nav-tabs li{
  text-align: center;
  margin-right: 3%;
}
.publication_tabs .nav-link{
  padding: 18px 30px;
  border: 1px solid #e7e8e9;
  border-radius: 0;
  color: #00495c;
  font-size: 18px;
}
.publication_tabs .nav-link.active{
  background-color: #00995a;
  color: #ffffff;
  border:none;
  border-radius: 0;
}
.publication_tabs .nav-link.active {
  position: relative;
  background: #00995a;
  border: 1px solid #00995a;
}
.publication_tabs .nav-link.active:after, .publication_tabs .nav-link.active:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.publication_tabs .nav-link.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #00995a;
  border-width: 10px;
  margin-left: -10px;
}
.publication_tabs .nav-link.active:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #00995a;
  border-width: 16px;
  margin-left: -16px;
}
.publication_list{
  border: 1px solid #e7e8e9;
  position: relative;
  padding: 30px 0;
  border-radius: 5px;
  margin-bottom: 55px;
}
.publication_list img{
  position: absolute;
  left: -1px;
  top: -28px;
  border: 1px solid #acb1b6;
  border-radius: 5px 0 0 5px;
  width: 146px;
  height: 208px;
}
.publication_list_content{
  padding-left: 170px;
  padding-right: 60px;
}
.publication_list_content h2{
  font-size: 24px;
}
.publication_list_content p{
  margin-bottom: 0;
}
.publication_list_content_arrow{
  position: absolute;
  right: 0px;
  border-left: 1px solid #bccace;
  height: 70px;
  line-height: 70px;
  top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.publication_list_content_arrow i{
  color: #00995a;
  font-size: 20px;
}
.publication_list {
  width: 100%;
  display: none;
  height: 182px;
}
.publication_list_2 {
  width: 100%;
  display: none;
  height: 182px;
}
.publication_list_3 {
  width: 100%;
  display: none;
  height: 182px;
}
#loadMore1 {
    width: 200px;
    color: #ffffff;
    display: block;
    text-align: center;
    margin: 0px auto 140px auto;
    padding:15px 35px;
    border-radius: 3px;
    background: #fe9330;
    transition: .3s;
    font-family: 'Tiempos Headline Regular';
    font-size: 24px;
}
#loadMore2 {
    width: 215px;
    color: #ffffff;
    display: block;
    text-align: center;
    margin: 0px auto 140px auto;
    padding: 15px 35px;
    border-radius: 8px;
    background: #fe9330;
    transition: .3s;
    font-family: 'Tiempos Headline Regular';
    font-size: 24px;
}
#loadMore3 {
    width: 215px;
    color: #ffffff;
    display: block;
    text-align: center;
    margin: 0px auto 140px auto;
    padding: 15px 35px;
    border-radius: 8px;
    background: #fe9330;
    transition: .3s;
    font-family: 'Tiempos Headline Regular';
    font-size: 24px;
}
.noContent1 {
    color: #000 !important;
    background: #ffffff !important;
    pointer-events: none;
    display: none !important;
}
.noContent2 {
    color: #000 !important;
    background: #ffffff !important;
    pointer-events: none;
    display: none !important;
}
.noContent3 {
    color: #000 !important;
    background: #ffffff !important;
    pointer-events: none;
    display: none !important;
}
.report_single{
 
}
.report_single img{
  margin-bottom: 20px;
  border:1px solid #e6e8e9;
  border-radius: 3px;
}
.report_single i{
  text-align: right;
  float: right;
  color: #fe9330;
  margin-top: 10px;
}
.report_single h6{
  font-size: 25px;
}
.get_involved{
  background-image: url(http://arenaphone.us/mjfw/wp-content/uploads/2019/04/press_bottomTop.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.get_involved_content{
  width: 45%;
  margin: auto;
  text-align: center;
  padding-bottom: 40px;
  margin-top: 70px;
}
.get_involved_content h1{
  color: #ffffff;
}
.get_involved_content p{
  color: #ffffff;
  margin-bottom: 50px;
}
.get_involved_content a{
  color: #ffffff;
  display: block;
  text-align: center;
  margin:auto;
  padding: 10px 35px;
  border-radius: 40px;
  background: #fe9330;
  transition: .3s;
  font-family: 'Tiempos Headline Regular';
  font-size: 24px;
  width: 230px;
  transition: .3s;
  border:1px solid #fe9330;
}
.get_involved_content a:hover{
  background:transparent;
  color: #fe9330;
  border:1px solid #fe9330;
}
.press_release_left_content{
  border: 1px solid #e7e8e9;
  border-radius: 3px;
  margin-bottom: 40px !important;
  padding-right: 40px;
  min-height: 210px;
}
.press_release_left_content img{
  border-radius: 3px 0 0 3px;
}
.press_release_left_content_image img{
  height: 250px;
  width:100%;
}
.press_release_left_content h3{
  font-size: 20px;
}
.press_release_left_content p{
  margin-bottom: 10px;
}
.press_release_left_content a{
  color: #00995a;
}
.event_details a{
  color: #f79649;
  text-decoration: underline;
}
.press_date{
  background-color: #f79649;
  margin-top: 20px;
  margin-bottom: 15px;
  border-radius: 3px 0 0 3px;
  display: inline-block;
  padding-left: 15px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.press_date {
  position: relative;
  background: #f79649;
}
.press_date:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(254, 147, 48, 0);
  border-left-color: #f79649;
  border-width: 20px;
  margin-top: -20px;
}
.press_date p{
  color: #ffffff;
  line-height: 40px;
}
.press_right_description{
  padding: 25px 20px;
}
.press_release_right_content{
  border: 1px solid #e7e8e9;
  margin-bottom: 30px;
  border-radius: 5px;
}
.press_release_right_content img{
  border-radius: 5px 5px 0 0;
}
.press_release_right_content_bottom{
  border-top: 1px solid #e7e8e9;
  padding: 25px 20px;
}
.press_right_description p{
  margin: 0;
}

.press_release_right_content_bottom h6{
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  color: #00995a;
  font-family: "Nunito", sans-serif;
}
.press_release_right_content_bottom a{
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  color: #00995a;
  font-weight: bold;
}
.press_release_right_content_bottom i{
  float: right;
}
.pagination {
  position: relative;
  z-index: 1;
  margin-top: 60px;
}

.pagination .page-item {
  border-radius: 0;
}

.pagination .page-item .page-link {
  background-color: #ffffff;
  color: #577b84;
  padding: 10px 15px;
  line-height: 18px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  border: none;
  margin-right: 7px;
  border: 1px solid #e9eaea;
  border-radius: 5px;
}
.pagination .page-item .page-link.active{
  background-color: #00995a;
  color: #ffffff;
}
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus {
  background-color: #00995a;
  color: #ffffff;
}

.upcoming_events{
  padding: 0;
  background: inherit;
}
.upcoming_events .single-blog-area{
  margin-bottom: 30px !important;
  border:1px solid #e7e8e9;
}
.event_details img{
  margin-top:20px;
  margin-bottom:40px;
}
.great_leadership_content{
  background-color: #edeef2;
  padding: 40px 30px 60px 30px !important;
  border-radius: 5px;
  margin-left: -15px;
  margin-bottom: 50px !important;
}


.senior_management_team{
  text-align: center;
}
.senior_management_team img{
  margin-bottom: 30px;
  border-radius: 5px;
  height: 270px;
}

.senior_management_team h3{
  font-size: 22px;
  text-align:left;
  color:#00495c;
  padding-left:15px;
}

.senior_management_team p{
  font-weight: bold;
  color:#577b84;
  text-align:left;
  padding-left:15px;
  margin-bottom: 15px !important;
}
.margin_auto{
  margin-left: auto !important;
  margin-right: auto !important;
}



.bord_member_title{
  text-align: left;
  margin-bottom: 30px !important;
}
.bord_member_title h3{
  font-size: 40px;
  margin-bottom: 10px;
}
.bord_member_title p{
  width: 100%;
  margin: auto;
  font-size: 20px;
  line-height: 26px;
}

.bord_member_title{
  position: relative;
}

.bord_title p{
  width: 100%;
}

/*.board_title_border_bottom{
  position: absolute;
  width: 300px;
  height: 10px;
  top: 33px;
  color: #fead62;
  background-color: #fead62;
  left: 25%;
  transform: translateX(-50%);
  z-index: -1;
}*/
.bord_member_title h3{
  position: relative;
  display: inline;
}
.bord_member_title h3:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-bottom: 10px solid #fead62;
}

.board_leadership_content p{
  font-size:15px;
  
}
.share_plugin{
  border-top: 1px solid #dde5e6;
  border-bottom: 1px solid #dde5e6;
  padding: 30px 0;
  margin: 30px 0;
}
.share_icon{
  float: left;
}
.share_icon i{
  color: #f79649;
  margin-right: 20px;
}
.share_icon h5{
  line-height: 45px;
}
.share_social_icon{
  float: right;
  clear: right;
}
.share_social_icon i{
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
  border: 1px solid #dde5e6;
  border-radius: 50%;
  margin-right: 5px;
  color: #a7b7bb;
  font-size: 18px;
}
.leave_a_reply textarea{
  width: 100%;
  min-height: 200px;
  border: 1px solid #dde5e6;
  margin-bottom: 17px;
  padding: 20px;
  border-radius: 5px;
}
.leave_a_reply input{
  width: 100%;
  padding-left:20px;
  height: 50px;
  line-height: 55px;
  border: 1px solid #dde5e6;
  margin-bottom: 17px;
  margin-right: 3%;
  border-radius: 5px;
}
.leave_a_reply input[type="submit"]{
  background-color: #f79649;
  color:#ffffff; 
  text-align: center;
  font-size: 18px;
  border: none;
  border-radius: 3px;
  padding: 0;
  width: 150px;
  transition: .3s;
  height: 40px;
  line-height: 40px;
}
.leave_a_reply input[type="submit"]:hover{
  transition: .3s;
  background-color: #f5842a;
  cursor: pointer;
}
.media_center_content{
  border-right: 1px solid #e7e8e9;
  border-left: 1px solid #e7e8e9;
  border-radius: 5px;
  border-top: 6px solid #fe9330;
  transition: .3s;
  margin-bottom: 45px;
}
.media_center_content:hover{
  border-top: 6px solid #00995a;
  transition: .3s;
  cursor: pointer;
}
.media_center_content:hover h3{
  color: #00995a;
}
.media_center_content:hover i{
  color: #00995a;
  border:1px solid #00995a;
}
.media_center_content h3{
  padding: 30px;
}
.media_center_content h3 i{
  float: right;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border:1px solid #fe9330;
  border-radius: 50%;
  color: #fe9330;
  font-size: 20px;
  padding-left: 5px;
}
.es_lablebox{
  display: none;
}
.home .get_involved{
  display: none;
}
.home .innerpage_header_about{
  display: none;
}
.home .press_release_right_content{
  display: none;
}
.image-info {
  background-color: rgba(0, 0, 0, .7);
}
.image-info h3 {
  text-align: left;
  color: #ffffff;
  padding: 10px 0;
  font-size: 16px;
  font-weight: normal;
}
.video_gallery{
  margin-bottom: 100px !important;
}
.video_gallery h4{
  margin-bottom: 40px !important;
}
.wpdiscuz-front-actions{
  display: none !important;
}
#wpcomm .wc-form-footer{
  display: block !important;
}
.comments-area{
  margin-top: 100px;
}
#wpcomm .wpd-form-row .wpd-has-icon .wpd-field{
  width: 100% !important;
  padding-left: 20px !important;
  height: 55px !important;
  line-height: 55px !important;
  border: 1px solid #dde5e6 !important;
  margin-bottom: 17px !important;
  margin-right: 3% !important;
  border-radius: 5px !important;
}
#wpcomm .wpd-form-row .wpd-form-col-left{
  float: none !important;
  width:100% !important;
}
.wc_captcha-wrapper{
  display: none !important;
}
.wpd_label__text{
  display: none !important;
}
#wpcomm .wpd-form-row .wpd-form-col-right{
  float: left !important;
  width: auto !important;
}
#wpcomm .wc-form-footer{
  border-bottom: none !important;
}
.wc_comm_submit{
  background-color: #f79649 !important;
  color: #ffffff !important;
  text-align: center !important;
  font-size: 18px !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 10px !important;
}
#wpcomm .wpd-form-row .wpdiscuz-item .wpd-field-icon{
  display: none !important;
}
.search_item{
  margin: 50px 0;
  border: 1px solid #ddd;
  padding: 10px;
}
.search_item h3{
  margin-top:15px;
  padding-bottom: 5px;
}
.search_item h3 a{
  font-size: 25px;
  color: #00495c;
}
.pagination{
  margin-bottom: 100px;
}
.pagination h2{
  display: none;
}
.screen-reader-text{
  color: #00495c;
  font-size: 18px;
}
.page-numbers{
  background-color: #fe9330;
  padding: 5px 12px;
  color: #ffffff;
  font-size: 18px;
  border-radius: 3px;
}
.page-numbers:hover{
  background-color: #bb5a00;
  padding: 5px 12px;
  color: #ffffff;
  font-size: 18px;
}
.prev, .next{
  background-color: transparent !important;
  padding: 0;
}
.pagination .nav-links{
  width: 100%;
}
.pagination .current{
  background-color: #bb5a00;
}
.home .social-sharing{
  display: none;
}
.contact_info h4{
  text-transform: uppercase;
}
.contact_info p{
  border-bottom: 1px solid #cccccc;
  padding: 20px 0;
}
.contact_info i{
  padding-right: 20px;
  font-size: 20px;
  color: #fe9330;
}
.pdf_title h6{
  color: #00495c;
  font-size: 18px;
  margin-bottom: 80px !important;
  font-weight: normal;
}
.pdf_title .wpb_wrapper{
  text-align: center;
}
.activity_img{
  padding: 20px 0;
  text-align: center;
}
table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
  font-size:16px;
  line-height:28px;
  border:1px solid #eeeeee;
  word-break: break-word;
  color: #00495c;
}

tr:nth-child(even){background-color: #fdfdfd}

th {
  background-color: #f78a35;
  color: white;
  font-size:16px;
  font-weight:bold;
}
.listtype ul{
  padding-left:25px;
}

.listtype ul li{
  list-style-type:none;
  line-height:25px;
  padding-left:35px;
  text-align:left;
  color: #00495c;
  font-size: 16px;
}


.listtype li:before {
  content:'\25A0';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left:-30px;
  top: -2px;
  color: #00995a;
  font-size: 16px;
 
}
.report_box{
  border:1px dashed #dddddd;
  text-align: center;
  padding: 30px 20px 20px 20px;
  margin-top: 50px;
  min-height: 180px;
}
.report_box h6{
  margin: 0px;
}
.report_box img{
  margin: 0;
}
#map{
  margin: 50px 0;
}
.map_box{
  position: absolute;
  top: 80px;
  right: 10px;
  z-index: 99;
  background-color: rgba(254, 147, 48, .9);
  padding: 15px 20px;
}
.map_box p{
  color: #ffffff;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 16px;
}
.map_box select{
  border: 1px solid #ffffff;
  color: #ffffff;
  background: transparent;
  padding: 5px;
}
.map_box option{
  border-bottom: 1px solid #ffffff;
  color: #333333;
  background-color: white;
}
.project_map{
  position: relative;
}
.torun_alo th, td{
  
}
.site_map_menu .dropdown{
  margin-left: 20px;
  margin-top: 20px;
}
.site_map_menu .dropdown li{
  border-left: 2px solid #cccccc;
}
.site_map_menu .dropdown li:before{
  content: '>';
  background-color: #cccccc;
  color: #cccccc;
}
.site_map_menu .dropdown li a{
  border-bottom: 1px solid #cccccc;
}
.site_map_menu li{
  padding: 10px 0;
  font-size: 16px;
}
.site_map_menu li{
  border-left: 2px solid #fe9330;
  margin-bottom: 20px;
}
.site_map_menu li:before{
  content: '>';
  background-color: #fe9330;
  color: #fe9330;
}
.site_map_menu li a{
  font-size: 20px;
  border-bottom: 1px solid #fe9330;
  width: 100%;
  padding: 10px;
}
.site_map_menu{
  margin-bottom: 50px;
}
.comment-notes{
  display: none;
}
.leave_a_reply{
  margin-top: 100px;
}
.comment-form-cookies-consent{
  display: none;
}
.policeis_single{
  border: 1px dashed #dddddd;
  text-align: center;
  padding: 30px 10px 20px 10px;
  height: 195px;
}
.policeis_single img{
  width: 50px;
}
.list_style li{
  list-style-type: none;
	position: relative;
	padding-left: 15px;
	color: #00495c;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 400;
}
.ol_style li {
	list-style-type:decimal;
	margin-left:20px;
	padding-left:5px;
	margin-bottom: 12px;
	color: #00495c;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 400;
}
.list_style li:before {
  content: "\00BB \0020";
	font-size: 20px;
	position: absolute;
	top: -5px;
	left: 0px;
}
.get_involved_top{
	margin-top:70px;
}
.mjf_team_tab{
	margin:30px 0 !important;
}
.vc_tta-panel-heading{
	background:#f5f5f5  !important;
	border-radius:0 !important;
	margin: 0 !important;	
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a{
	color: #00995a !important;
	font-size:18px;
}
.vc_tta.vc_general .vc_tta-panel-body{
	background:#ffffff  !important;
	border:none !important;
}
.vc_tta.vc_general .vc_tta-panel{
	margin-bottom:5px;
}
.vc_tta-controls-icon{
	color: #00995a !important;
}
.vc_tta-panels{
	margin-top:30px;
}
.governing_board{
	border: 1px dashed #cccccc;
  padding: 80px 10px 0 10px;
  text-align: center;
  height: 220px;
  width: 100%;
  margin: 0px 0 30px 0px  !important;
}


.governing_board h5 a{
	color: #00495c;
  font-weight: 600;
  font-family: 'Tiempos Headline Regular';
	font-size: 1.25rem;
}

.governing_board h5 i{
	color: #fe9330;
	
}

.fa-download{
	color: #fe9330;
	font-size: 30px;
	font-weight: 600;
}

.governing_board h5 a:hover{
	color: #00495c;
  font-weight: 600;
  font-family: 'Tiempos Headline Regular';
 font-size: 1.25rem;
}

.table-striped th {
    background-color: #fe9330;
    color: #ffffff;
    font-weight: bold;
}
.support_by{
	float:right;
	margin-top:-20px;
	margin-right:50px;
}
.support_by {
	color:#ffffff;
}
.support_by img{
	margin-left:20px;
}


.top-header p a {
    color: #577b84;
    opacity: .7;
}
.countdown{
	display:none;
}
.home .countdown{
	display:block;
}
.img_center img{
	text-align:center;
	margin:auto;
	display:block;
}
.covid_response a{
	color:#fe9330;
}
.coverage_file div div{
	margin-bottom:20px;
}
.vc_custom_1591769136383{
	margin-left:100px;
}
.sources_of_fund li{
	line-height:40px !important;
}
.sources_of_fund li a{
	color:#fe9330;
}
.sources_of_fund li a:hover{
	text-decoration:underline;
}