/******************************************************************
Theme Name: Megapod
Description: Mogapod Music Tamplate
Author: theDevNinja
Author URI: https://alitahir.netlify.app/
Version: 1.0
Created: theDevNinja
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Services Section
6.  Track Section
7.  Countdown Section
8.  Team Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Nunito", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Nunito", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Nunito", sans-serif;
	color: #8d8d8d;
	font-weight: 400;
	line-height: 25px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 25px;
	text-align: center;
}

.section-title h2 {
	font-size: 40px;
	color: #353535;
	font-weight: 700;
}

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

.spad {
	
	padding-bottom: 9px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	padding: 14px 25px 12px;
	color: #ffffff;
	background: #158548;
	border-radius: 5px;
}

.primary-btn.white-btn {
	background: #ffffff;
	margin-left: 6px;
	color: #232323;
}

.site-btn {
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	background: #158548;
	display: inline-block;
	padding: 9px 26px 8px;
	border-radius: 50px;
	border: none;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

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

.header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.header.header--normal {
	position: relative;
	background: #290849;
}

.header__logo {
	padding: 25px 0;
	display: inline-block;
	margin-right: 250px;
	
}

.header__logo a {
	display: inline-block;
}

.header__menu {
	display: inline-block;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.header__menu ul li.active a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover .dropdown {
	top: 82px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 110px;
	width: 150px;
	background: #111111;
	text-align: left;
	padding: 2px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	padding: 8px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	display: block;
	padding: 26px 0 28px;
	position: relative;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #0bc05d;
	content: "";
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.header__right {
	padding: 25px 0;
	text-align: right;
}

.header__right__search {
	display: inline-block;
	margin-right: 130px;
}

.header__right__search form {
	width: 225px;
	position: relative;
}

.header__right__search form input {
	width: 100%;
	height: 30px;
	font-size: 16px;
	color: #ffffff;
	opacity: 0.3;
	background: transparent;
	border: none;
}

.header__right__search form input::-webkit-input-placeholder {
	color: #ffffff;
}

.header__right__search form input::-moz-placeholder {
	color: #ffffff;
}

.header__right__search form input:-ms-input-placeholder {
	color: #ffffff;
}

.header__right__search form input::-ms-input-placeholder {
	color: #ffffff;
}

.header__right__search form input::placeholder {
	color: #ffffff;
}

.header__right__search form button {
	font-size: 16px;
	color: #ffffff;
	border: none;
	background: transparent;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.header__right__social {
	display: inline-block;
}

.header__right__social a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	margin-right: 18px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__right__social a:hover {
	color: #158548;
}

.header__right__social a:last-child {
	margin-right: 0;
}

.canvas__open {
	display: none;
}

.offcanvas-menu-wrapper {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	padding-top: 240px;
	padding-bottom: 260px;
	position: relative;
}

.hero .container {
	padding: 0;
}

.hero__text {
	padding-top: 48px;
}

.hero__text h5 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.hero__text h5 span {
	color: #158548;
	margin-right: 5px;
}

.hero__text h2 {
	color: #ffffff;
	font-size: 60px;
	font-weight: 700;
	line-height: 70px;
	margin-bottom: 35px;
}

.hero__pic {
	height: 391px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.single__track {
	background: rgba(104, 99, 253, 0.2);
	padding: 35px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.single__track__item__pic {
	float: left;
	margin-right: 20px;
}

.single__track__item__pic img {
	height: 60px;
	width: 60px;
	border-radius: 50%;
}

.single__track__item__text {
	overflow: hidden;
	padding-top: 6px;
}

.single__track__item__text h5 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.single__track__item__text span {
	color: #ffffff;
	font-size: 15px;
	display: block;
}

.single__track__option {
	padding-top: 12px;
}

.jp-play {
	position: relative;
	height: 36px;
	width: 36px;
	background: transparent;
	border: none;
	background: #158548;
	border-radius: 50%;
}

.jp-play:after {
	position: absolute;
	display: block;
	left: 3px;
	top: -4px;
	content: "E";
	font-family: "ElegantIcons";
	font-size: 30px;
	color: #ffffff;
}

.jp-state-playing .jp-play:after {
	content: "`" !important;
	font-family: "ElegantIcons";
	font-size: 32px;
	left: 2px;
	top: -6px;
	color: #151433;
}

.jp-audio .jp-play:focus:after {
	content: "E";
	font-family: "ElegantIcons";
}

.jp-seek-bar>div {
	height: 5px;
	background: rgba(255, 255, 255, 0.2);
	cursor: pointer;
	width: 320px;
}

.player_bars {
	width: 420px;
	display: table;
	padding-left: 50px;
	position: relative;
	padding-top: 18px;
	float: left;
	margin-right: 18px;
}

.jp-play-bar {
	position: relative;
	height: 100%;
	background: #158548;
	overflow: visible !important;
}

.jp-current-time {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	position: absolute;
	left: -50px;
	top: -10px;
}

.jp-duration {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	position: absolute;
	right: 0;
	top: 9px;
}

.player_controls_box {
	width: 36px;
	float: left;
	margin-right: 15px;
}

.jp-mute {
	font-size: 14px;
	border: none;
	background: none;
	color: #ffffff;
	position: absolute;
	left: -5px;
	top: 10px;
}

.jp-volume-bar {
	height: 4px;
	width: 50px;
	background: rgba(255, 255, 255, 0.2);
	cursor: pointer;
}

.jp-volume-bar-value {
	background: #158548;
	height: 100%;
}

.jp-mute {
	font-size: 14px;
	color: #ffffff;
}

.jp-volume-controls {
	position: relative;
	width: 80px;
	float: left;
	padding-left: 30px;
	padding-top: 18px;
	margin-right: 30px;
}

.jp-btns {
	padding-top: 8px;
	float: left;
}

.jp-btns a {
	font-size: 15px;
	color: #ffffff;
	margin-right: 15px;
}

.jp-btns a:last-child {
	margin-right: 0;
}

/*---------------------
  Podcast
-----------------------*/

.podcast {
	padding-bottom: 70px;
}

.podcast .container {
	padding: 0;
}

.podcast__top {
	margin-bottom: 45px;
}

.podcast__top h2 {
	color: #353535;
	font-size: 40px;
	font-weight: 700;
}

.podcast__top ul {
	text-align: right;
}

.podcast__top ul li {
	list-style: none;
	font-size: 18px;
	font-weight: 700;
	color: #b7b7b7;
	display: inline-block;
	margin-right: 40px;
	position: relative;
	padding: 2px 0;
	cursor: pointer;
}

.podcast__top ul li.active {
	color: #158548;
}

.podcast__top ul li.active:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.podcast__top ul li:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #158548;
	content: "";
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.podcast__top ul li:last-child {
	margin-right: 0;
}

.podcast__item {
	margin-bottom: 30px;
}

.podcast__item__pic {
	float: left;
}

.podcast__item__pic img {
	border-radius: 20px 0 0 20px;
}

.podcast__item__text {
	border: 1px solid #ebebeb;
	padding: 45px 35px 46px 40px;
	overflow: hidden;
	border-radius: 0 20px 20px 0;
	position: relative;
}

.podcast__item__text .heart-icon {
	display: inline-block;
	height: 36px;
	width: 36px;
	color: #158548;
	border-radius: 50%;
	line-height: 36px;
	text-align: center;
	background: rgba(104, 99, 253, 0.1);
	position: absolute;
	right: 40px;
	top: 30px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.podcast__item__text .heart-icon:hover {
	background: #158548;
	color: #ffffff;
}

.podcast__item__text ul {
	margin-bottom: 20px;
}

.podcast__item__text ul li {
	color: #b7b7b7;
	font-size: 15px;
	display: inline-block;
	margin-right: 45px;
	position: relative;
	list-style: none;
}

.podcast__item__text ul li:after {
	position: absolute;
	right: -26px;
	top: -2px;
	content: "|";
}

.podcast__item__text ul li span {
	color: #158548;
	margin-right: 3px;
}

.podcast__item__text ul li:last-child {
	margin-right: 0;
}

.podcast__item__text ul li:last-child:after {
	display: none;
}

.podcast__item__text h4 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 15px;
}

.podcast__item__text p {
	margin-bottom: 38px;
}

.track__option .jp-seek-bar>div {
	background: rgba(104, 99, 253, 0.1);
}

.track__option .jp-current-time {
	color: #353535;
}

.track__option .jp-duration {
	color: #353535;
}

.track__option .jp-mute {
	color: #353535;
}

.track__option .jp-volume-bar {
	background: rgba(103, 99, 125, 0.1);
}

.track__option .jp-btns a {
	color: #b7b7b7;
}

/*---------------------
  Call To Action
-----------------------*/

.callto {
	padding-top: 1px;
	padding-bottom: 120px;
}

.callto__text {
	text-align: center;
}

.callto__text h2 {
	color: #ffffff;
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 20px;
}

.callto__text p {
	color: #ffffff;
	font-size: 22px;
	margin-bottom: 45px;
}

/*---------------------
  Episodes
-----------------------*/

.episodes {
	padding-bottom: 1px;
	padding-top: 25px;
}

.episodes__item {
	height: 370px;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px;
}

.episodes__item:hover .play-btn {
	opacity: 1;
	z-index: 9;
}

.episodes__item:hover .episodes__text {
	bottom: 25px;
}

.episodes__item:hover .episodes__text h4 {
	margin-bottom: 10px;
}

.episodes__item .play-btn {
	opacity: 0;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.episodes__item .tags {
	font-size: 13px;
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	background: rgba(0, 0, 0, 0.5);
	padding: 6px 15px 6px;
	border-radius: 50px;
	position: absolute;
	left: 20px;
	top: 20px;
}

.episodes__item .tags span {
	margin-right: 2px;
}

.episodes__item .time {
	font-size: 13px;
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	background: rgba(0, 0, 0, 0.5);
	padding: 6px 15px 6px;
	border-radius: 50px;
	position: absolute;
	right: 20px;
	top: 20px;
}

.episodes__item .time span {
	margin-right: 5px;
}

.episodes__text {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	padding: 0 30px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.episodes__text h4 {
	color: #ffffff;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 50px;
	-webkit-transition: all, 0.2s;
	-o-transition: all, 0.2s;
	transition: all, 0.2s;
}

.episodes__text p {
	color: #ffffff;
	margin-bottom: 0;
}

.episodes__text p span {
	color: #158548;
}

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

.footer {
	padding-bottom: 0px;
}

.footer__subscriber {
	background: #158548;
	padding: 40px;
	border-radius: 10px;
	top: -65px;
	position: relative;
}

.footer__subscriber__text h3 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 5px;
}

.footer__subscriber__text p {
	color: #ffffff;
	margin-bottom: 0;
}

.footer__subscriber__form {
	position: relative;
	margin-top: 7px;
}

.footer__subscriber__form input {
	height: 52px;
	width: 100%;
	padding-left: 28px;
	background: #ffffff;
	border: none;
	color: #b7b7b7;
	border-radius: 50px;
}

.footer__subscriber__form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.footer__subscriber__form input::-moz-placeholder {
	color: #b7b7b7;
}

.footer__subscriber__form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.footer__subscriber__form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.footer__subscriber__form input::placeholder {
	color: #b7b7b7;
}

.footer__subscriber__form button {
	position: absolute;
	right: 7px;
	top: 6px;
}

.footer__logo {
	float: left;
	margin-right: 15px;
}

.footer__copyright__text {
	overflow: hidden;
	color: #ffffff;
	margin-bottom: 0;
	line-height: 31px;
	display: flex;
	justify-content: center;
	padding-top: 100px;
	font-size: medium;
}

.footer__copyright__text i {
	color: #158548;
}

.footer__copyright__text a {
	color: #158548;
}

.footer__logo {
	float: left;
	margin-right: 15px;
	display: flex;
	justify-content: center;
	padding-top: 0px;
}
.footer__social {
	text-align: right;
	display: flex;
	justify-content: center;
	padding-top: 0px;
}


.footer__social a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	margin-right: 18px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.footer__social a:hover {
	color: #158548;
}

.footer__social a:last-child {
	margin-right: 0;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding-top: 200px;
	padding-bottom: 240px;
	position: relative;
	overflow: hidden;
}

.breadcrumb-option.normal-breadcrumb {
	padding-bottom: 100px;
}

.breadcrumb-option .container {
	padding-left: 0;
	padding-right: 0;
}

.breadcrumb__text {
	text-align: center;
}

.breadcrumb__text.episodes__breadcrumb__text {
	text-align: left;
}

.breadcrumb__text.episodes__breadcrumb__text ul {
	margin-bottom: 15px;
}

.breadcrumb__text.episodes__breadcrumb__text ul li {
	color: #ffffff;
	font-size: 15px;
	display: inline-block;
	margin-right: 45px;
	position: relative;
	list-style: none;
}

.breadcrumb__text.episodes__breadcrumb__text ul li:after {
	position: absolute;
	right: -26px;
	top: -2px;
	content: "|";
	color: #404040;
}

.breadcrumb__text.episodes__breadcrumb__text ul li span {
	color: #158548;
	margin-right: 3px;
}

.breadcrumb__text.episodes__breadcrumb__text ul li:last-child {
	margin-right: 0;
}

.breadcrumb__text.episodes__breadcrumb__text ul li:last-child:after {
	display: none;
}

.breadcrumb__text.episodes__breadcrumb__text h2 {
	margin-bottom: 0;
}

.breadcrumb__text h2 {
	font-size: 60px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 6px;
}

.breadcrumb__links a {
	font-size: 15px;
	color: #ffffff;
	margin-right: 18px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -14px;
	top: 0;
	content: "";
	font-family: "FontAwesome";
}

.breadcrumb__links a i {
	margin-right: 5px;
}

.breadcrumb__links span {
	font-size: 15px;
	color: #b7b7b7;
	display: inline-block;
}

/*---------------------
  About
-----------------------*/

.about__text {
	margin-bottom: 30px;
}

.about__text span {
	color: #158548;
	font-size: 16px;
	font-weight: 700;
	display: block;
	margin-bottom: 5px;
	margin-top: 10px;
}

.about__text h2 {
	color: #353535;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 14px;
}

.about__text p {
	margin-bottom: 35px;
}

.about__item {
	margin-bottom: 30px;
}

.about__item h6 {
	color: #353535;
	font-size: 17px;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 15px;
}

.about__item p {
	margin-bottom: 0;
}

.about__pic {
	padding-top: 0px;
}

.about__pic img {
	min-width: 100%;
}

/*---------------------
  Team
-----------------------*/

.team {
	padding-bottom: 0px;
}

.team .section-title h2 {
	font-size: 44px;
}

.team__item {
	text-align: center;
	margin-bottom: 30px;
}

.team__item img {
	min-width: 100%;
	border-radius: 20px;
	margin-bottom: 30px;
}

.team__item h4 {
	color: #353535;
	font-size: 22px;
	font-weight: 700;
}

.team__item span {
	font-size: 14px;
	color: #158548;
	font-weight: 700;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/*---------------------
  Episodes
-----------------------*/

.podcast.podcast--page {
	padding-bottom: 10px;
	padding-top: 20px;
}

.load__more {
	padding-top: 30px;
	margin-bottom: 50px;
}

.load__more a {
	font-size: 14px;
	color: #232323;
	font-weight: 700;
	display: inline-block;
	border: 2px solid #158548;
	padding: 10px 35px;
	border-radius: 50px;
}

/*---------------------
  Episodes Deatils
-----------------------*/

.episodes-details {
	padding-bottom: 20px;
	padding-top: 20px;
}

.episodes__details__text {
	margin-bottom: 45px;
}

.episodes__details__text p {
	font-size: 19px;
	line-height: 30px;
}

.episodes__details__text h4 {
	color: #353535;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 20px;
}

.episodes__details__text ul li {
	list-style: none;
	font-size: 17px;
	line-height: 36px;
	color: #353535;
	position: relative;
	padding-left: 18px;
}

.episodes__details__text ul li:before {
	position: absolute;
	left: 0;
	top: 13px;
	height: 8px;
	width: 8px;
	background: #8d8d8d;
	border-radius: 50%;
	content: "";
}

.episodes__details__pic {
	margin-bottom: 30px;
}

.episodes__details__pic img {
	min-width: 100%;
	border-radius: 20px;
	margin-bottom: 20px;
}

.episodes__details__desc {
	margin-bottom: 70px;
}

.episodes__details__desc p {
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 0;
}

.episodes__details__btns {
	padding: 25px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 75px;
	position: relative;
}

.episodes__details__btns:after {
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	height: 60px;
	width: 1px;
	background: rgba(0, 0, 0, 0.1);
	content: "";
	margin: 0 auto;
}

.episodes__details__btns__item.episodes__details__btns__item--next {
	text-align: right;
}

.episodes__details__btns__item p {
	font-weight: 700;
	color: #158548;
	margin-bottom: 5px;
}

.episodes__details__btns__item p span {
	color: #158548;
	font-weight: 700;
	font-size: 17px;
	position: relative;
	top: 2px;
}

.episodes__details__btns__item h5 {
	color: #353535;
	font-weight: 700;
	font-size: 20px;
}

.episodes__details__form h4 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 45px;
}

.episodes__details__form form input {
	height: 50px;
	width: 100%;
	font-size: 15px;
	color: #8d8d8d;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
	border-radius: 5px;
	margin-bottom: 30px;
}

.episodes__details__form form input::-webkit-input-placeholder {
	color: #8d8d8d;
}

.episodes__details__form form input::-moz-placeholder {
	color: #8d8d8d;
}

.episodes__details__form form input:-ms-input-placeholder {
	color: #8d8d8d;
}

.episodes__details__form form input::-ms-input-placeholder {
	color: #8d8d8d;
}

.episodes__details__form form input::placeholder {
	color: #8d8d8d;
}

.episodes__details__form form textarea {
	height: 220px;
	width: 100%;
	font-size: 15px;
	color: #8d8d8d;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
	border-radius: 5px;
	margin-bottom: 34px;
	padding-top: 14px;
	resize: none;
}

.episodes__details__form form textarea::-webkit-input-placeholder {
	color: #8d8d8d;
}

.episodes__details__form form textarea::-moz-placeholder {
	color: #8d8d8d;
}

.episodes__details__form form textarea:-ms-input-placeholder {
	color: #8d8d8d;
}

.episodes__details__form form textarea::-ms-input-placeholder {
	color: #8d8d8d;
}

.episodes__details__form form textarea::placeholder {
	color: #8d8d8d;
}

.episodes__details__form form button {
	border-radius: 0;
	padding: 14px 38px 12px;
}

.sidebar__search {
	margin-bottom: 45px;
}

.sidebar__search form {
	position: relative;
}

.sidebar__search form input {
	color: #a6a6a6;
	font-size: 14px;
	font-style: italic;
	padding-left: 20px;
	height: 46px;
	width: 100%;
	border: 1px solid #f7f7f7;
	border-radius: 5px;
}

.sidebar__search form input::-webkit-input-placeholder {
	color: #a6a6a6;
}

.sidebar__search form input::-moz-placeholder {
	color: #a6a6a6;
}

.sidebar__search form input:-ms-input-placeholder {
	color: #a6a6a6;
}

.sidebar__search form input::-ms-input-placeholder {
	color: #a6a6a6;
}

.sidebar__search form input::placeholder {
	color: #a6a6a6;
}

.sidebar__search form button {
	color: #ffffff;
	font-size: 16px;
	width: 46px;
	height: 46px;
	background: #158548;
	border: none;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 0;
}

.sidebar__categories {
	margin-bottom: 24px;
}

.sidebar__categories h4 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 20px;
}

.sidebar__categories ul li {
	list-style: none;
}

.sidebar__categories ul li a {
	font-size: 18px;
	color: #353535;
	font-weight: 600;
	line-height: 48px;
}

.sidebar__categories ul li a i {
	font-size: 14px;
	color: #158548;
	margin-right: 12px;
}

.sidebar__recent {
	margin-bottom: 60px;
}

.sidebar__recent h4 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 30px;
}

.sidebar__recent__item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	padding-bottom: 16px;
	margin-bottom: 20px;
}

.sidebar__recent__item:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.sidebar__recent__item h6 {
	color: #353535;
	font-size: 17px;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 5px;
}

.sidebar__recent__item p {
	font-size: 14px;
	margin-bottom: 0;
}

.sidebar__recent__item p span {
	color: #158548;
	margin-right: 5px;
}

.sidebar__banner {
	text-align: center;
	border-radius: 10px;
	padding: 100px 0;
	margin-bottom: 45px;
}

.sidebar__banner span {
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 4px;
	display: block;
	margin-bottom: 8px;
}

.sidebar__banner h2 {
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
}

.sidebar__tags h4 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 30px;
}

.sidebar__tags a {
	font-size: 13px;
	color: #353535;
	font-weight: 700;
	display: inline-block;
	padding: 8px 25px 6px;
	border: 1px solid rgba(53, 53, 53, 0.1);
	margin-right: 6px;
	margin-bottom: 10px;
}

/*---------------------
    Blog
-----------------------*/

.blog {
	padding-bottom: 18px;
	margin-top: 20px;
}

.blog__item {
	margin-bottom: 30px;
}

.blog__item__pic {
	height: 360px;
	width: 370px;
	position: relative;
	float: left;
	border-radius: 20px 0 0 20px;
}

.blog__item__pic .label {
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.5);
	display: inline-block;
	border-radius: 50px;
	padding: 4px 20px;
	position: absolute;
	right: 20px;
	top: 20px;
}

.blog__item__text {
	border: 1px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding: 42px 35px 35px 40px;
	border-radius: 0 20px 20px 0;
}

.blog__item__text .blog__date {
	font-size: 15px;
	color: #8d8d8d;
	margin-bottom: 16px;
}

.blog__item__text .blog__date span {
	color: #158548;
}

.blog__item__text h4 {
	color: #353535;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 16px;
}

.blog__item__text ul {
	margin-bottom: 20px;
}

.blog__item__text ul li {
	color: #8d8d8d;
	font-size: 15px;
	display: inline-block;
	margin-right: 25px;
	list-style: none;
}

.blog__item__text ul li span {
	color: #158548;
	margin-right: 3px;
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text p {
	margin-bottom: 20px;
}

.blog__item__text a {
	color: #353535;
	font-weight: 700;
	font-size: 15px;
	display: inline-block;
}

.blog__item__text a span {
	color: #158548;
	margin-left: 5px;
	font-weight: 700;
	font-size: 18px;
	position: relative;
	top: 1px;
}

.blog__pagination {
	padding-top: 20px;
}

.blog__pagination a {
	color: #111111;
	font-size: 14px;
	font-weight: 700;
	background: #f2f2f2;
	border-radius: 4px;
	display: inline-block;
	padding: 14px 25px;
	text-transform: uppercase;
	margin-right: 10px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__pagination a:hover {
	background: #158548;
	color: #ffffff;
}

.blog__pagination a:last-child {
	margin-right: 0;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
	padding-top: 250px;
	padding-bottom: 180px;
}

.blog__hero__text ul {
	margin-bottom: 15px;
}

.blog__hero__text ul li {
	color: #ffffff;
	font-size: 15px;
	display: inline-block;
	margin-right: 45px;
	position: relative;
	list-style: none;
}

.blog__hero__text ul li:after {
	position: absolute;
	right: -26px;
	top: -2px;
	content: "|";
	color: #404040;
}

.blog__hero__text ul li span {
	color: #158548;
	margin-right: 3px;
}

.blog__hero__text ul li:last-child {
	margin-right: 0;
}

.blog__hero__text ul li:last-child:after {
	display: none;
}

.blog__hero__text h2 {
	font-size: 60px;
	color: #ffffff;
	font-weight: 700;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details {
	padding-bottom: 165px;
}

.blog__details__text .top-text {
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 36px;
}

.blog__details__text .top-text .letter-cap {
	color: #353535;
	font-size: 100px;
	font-weight: 700;
	text-transform: uppercase;
	float: left;
	padding-right: 25px;
	line-height: 84px;
}

.blog__details__text__item {
	margin-bottom: 30px;
}

.blog__details__text__item:last-child {
	margin-bottom: 0;
}

.blog__details__text__item h4 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 22px;
}

.blog__details__text__item p {
	font-size: 17px;
	line-height: 30px;
}

.blog__details__text__item ul {
	padding-left: 35px;
}

.blog__details__text__item ul li {
	font-size: 17px;
	color: #8d8d8d;
	line-height: 30px;
	list-style: none;
	margin-bottom: 10px;
	position: relative;
	padding-left: 28px;
}

.blog__details__text__item ul li:after {
	position: absolute;
	left: 0;
	top: 10px;
	height: 8px;
	width: 8px;
	background: #8d8d8d;
	content: "";
	border-radius: 50%;
}

.blog__details__text__item ul li:last-child {
	margin-bottom: 0;
}

.blog__details__pic {
	padding-top: 15px;
	margin-bottom: 35px;
}

.blog__details__pic img {
	min-width: 100%;
	border-radius: 20px;
}

.blog__details__quote {
	text-align: center;
	margin-bottom: 45px;
}

.blog__details__quote .icon span {
	font-size: 80px;
	color: #158548;
}

.blog__details__quote p {
	color: #353535;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 25px;
}

.blog__details__quote h6 {
	color: #8d8d8d;
	font-size: 17px;
}

.blog__details__pic__list img {
	min-width: 100%;
	border-radius: 20px;
	margin-bottom: 30px;
}

.blog__details__desc {
	margin-bottom: 60px;
}

.blog__details__desc p {
	font-size: 17px;
	line-height: 30px;
}

.blog__details__tags {
	text-align: center;
	margin-bottom: 80px;
}

.blog__details__tags span {
	color: #353535;
	font-size: 18px;
	font-weight: 700;
	margin-right: 18px;
}

.blog__details__tags a {
	display: inline-block;
	font-size: 13px;
	height: 34px;
	color: #8d8d8d;
	width: 34px;
	border: 1px solid #b7b7b7;
	border-radius: 50%;
	line-height: 34px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 6px;
}

.blog__details__tags a:last-child {
	margin-right: 0;
}

.blog__details__tags a:hover {
	color: #158548;
}

.blog__details__btns {
	padding: 25px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
	margin-bottom: 75px;
}

.blog__details__btns:after {
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	height: 60px;
	width: 1px;
	background: rgba(0, 0, 0, 0.1);
	content: "";
	margin: 0 auto;
}

.blog__details__btns__item.blog__details__btns__item--next {
	text-align: right;
}

.blog__details__btns__item p {
	font-weight: 700;
	color: #158548;
	margin-bottom: 5px;
}

.blog__details__btns__item p span {
	color: #158548;
	font-weight: 700;
	font-size: 17px;
	position: relative;
	top: 2px;
}

.blog__details__btns__item h5 {
	color: #353535;
	font-weight: 700;
	font-size: 20px;
}

.blog__details__comment {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 80px;
	margin-bottom: 75px;
}

.blog__details__comment h4 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 35px;
}

.blog__details__comment__item {
	margin-bottom: 30px;
	overflow: hidden;
}

.blog__details__comment__item.blog__details__comment__item--reply {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-left: 100px;
	padding-top: 30px;
}

.blog__details__comment__item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.blog__details__comment__item__pic {
	float: left;
	margin-right: 30px;
}

.blog__details__comment__item__pic img {
	height: 70px;
	width: 70px;
	border-radius: 50%;
}

.blog__details__comment__item__text {
	overflow: hidden;
	position: relative;
}

.blog__details__comment__item__text .comment__date {
	display: inline;
	font-size: 15px;
	color: #158548;
	position: absolute;
	right: 0;
	top: 0;
}

.blog__details__comment__item__text h5 {
	color: #191919;
	font-weight: 700;
	margin-bottom: 12px;
}

.blog__details__comment__item__text p {
	color: #6e6e6e;
	margin-bottom: 20px;
}

.blog__details__comment__item__text a {
	font-size: 15px;
	color: #353535;
	font-weight: 700;
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 6px 20px 4px;
	margin-right: 6px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	border-radius: 4px;
}

.blog__details__comment__item__text a:hover {
	background: #158548;
	color: #ffffff;
	border-color: #158548;
}

.blog__details__comment__form h4 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 35px;
}

.blog__details__comment__form form input {
	height: 50px;
	width: 100%;
	font-size: 15px;
	color: #8d8d8d;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
	border-radius: 5px;
	margin-bottom: 30px;
}

.blog__details__comment__form form input::-webkit-input-placeholder {
	color: #8d8d8d;
}

.blog__details__comment__form form input::-moz-placeholder {
	color: #8d8d8d;
}

.blog__details__comment__form form input:-ms-input-placeholder {
	color: #8d8d8d;
}

.blog__details__comment__form form input::-ms-input-placeholder {
	color: #8d8d8d;
}

.blog__details__comment__form form input::placeholder {
	color: #8d8d8d;
}

.blog__details__comment__form form textarea {
	height: 220px;
	width: 100%;
	font-size: 15px;
	color: #8d8d8d;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
	border-radius: 5px;
	margin-bottom: 34px;
	padding-top: 14px;
	resize: none;
}

.blog__details__comment__form form textarea::-webkit-input-placeholder {
	color: #8d8d8d;
}

.blog__details__comment__form form textarea::-moz-placeholder {
	color: #8d8d8d;
}

.blog__details__comment__form form textarea:-ms-input-placeholder {
	color: #8d8d8d;
}

.blog__details__comment__form form textarea::-ms-input-placeholder {
	color: #8d8d8d;
}

.blog__details__comment__form form textarea::placeholder {
	color: #8d8d8d;
}

.blog__details__comment__form form button {
	border-radius: 5px;
	padding: 14px 38px 12px;
}

/*---------------------
  Contact
-----------------------*/

.contact {
	padding-bottom: 20px;
	padding-top: 25px;
}

.contact__map {
	height: 500px;
	margin-bottom: 5px;
}

.contact__map iframe {
	width: 100%;
}

.contact__widget__item {
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 55px 40px 40px;
	margin-bottom: 30px;
}

.contact__widget__item h4 {
	color: #353535;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 10px;
}

.contact__widget__item p {
	margin-bottom: 0;
}

.contact__widget__item p span {
	display: block;
}

.contact__form {
	padding-top: 0px;
}

.contact__form h2 {
	color: #353535;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 45px;
	text-align: center;
}

.contact__form form input {
	height: 50px;
	width: 100%;
	font-size: 15px;
	color: #8d8d8d;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
	border-radius: 5px;
	margin-bottom: 30px;
}

.contact__form form input::-webkit-input-placeholder {
	color: #8d8d8d;
}

.contact__form form input::-moz-placeholder {
	color: #8d8d8d;
}

.contact__form form input:-ms-input-placeholder {
	color: #8d8d8d;
}

.contact__form form input::-ms-input-placeholder {
	color: #8d8d8d;
}

.contact__form form input::placeholder {
	color: #8d8d8d;
}

.contact__form form textarea {
	height: 150px;
	width: 100%;
	font-size: 15px;
	color: #8d8d8d;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
	border-radius: 5px;
	margin-bottom: 34px;
	padding-top: 14px;
	resize: none;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #8d8d8d;
}

.contact__form form textarea::-moz-placeholder {
	color: #8d8d8d;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #8d8d8d;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #8d8d8d;
}

.contact__form form textarea::placeholder {
	color: #8d8d8d;
}

.contact__form form button {
	border-radius: 5px;
	padding: 14px 38px 12px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) and (max-width: 1629px) {
	.header__logo {
		margin-right: 70px;
	}
	.header__right__search form {
		width: 205px;
	}
	.header__right__search {
		margin-right: 10px;
	}
	.header__right__social a {
		margin-right: 15px;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__logo {
		margin-right: 35px;
	}
	.header__menu {
		margin-right: 30px;
	}
	.header__right__search {
		margin-right: 5px;
	}
	.header__right__search form {
		width: 185px;
	}
	.header__right__social a {
		margin-right: 5px;
	}
	.header__menu ul li {
		margin-right: 10px;
	}
	.player_bars {
		width: 280px;
	}
	.jp-seek-bar>div {
		width: 180px;
	}
	.track__option .player_bars {
		width: 230px;
	}
	.track__option .jp-seek-bar>div {
		width: 130px;
	}
	.podcast__item__text {
		padding: 16px 35px 22px 40px;
	}
	.blog__item__pic {
		width: 280px;
	}
	.blog__item__text {
		padding: 25px 30px 27px 30px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.podcast__top ul li {
		margin-right: 10px;
	}
	.podcast__item__pic {
		float: none;
	}
	.podcast__item__pic img {
		border-radius: 20px 20px 0 0;
		min-width: 100%;
	}
	.podcast__item__text {
		border-radius: 0 0 20px 20px;
	}
	.track__option .player_bars {
		width: 292px;
	}
	.track__option .jp-seek-bar>div {
		width: 192px;
	}
	.footer__subscriber__text {
		margin-bottom: 30px;
	}
	.footer__social a {
		margin-right: 15px;
	}
	.hero__text {
		margin-bottom: 40px;
	}
	.player_bars {
		width: 375px;
	}
	.jp-seek-bar>div {
		width: 274px;
	}
	.single__track__item {
		margin-bottom: 15px;
	}
	.sidebar {
		padding-top: 50px;
	}
	.blog__item__pic {
		width: 100%;
		float: none;
		border-radius: 20px 20px 0 0;
	}
	.blog__item__text {
		border-radius: 0 0 20px 20px;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #ffffff;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #222;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #ffffff;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #353535;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #353535;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__social a {
		display: inline-block;
		font-size: 16px;
		color: #ffffff;
		margin-right: 18px;
		-webkit-transition: all, 0.3s;
		-o-transition: all, 0.3s;
		transition: all, 0.3s;
	}
	.offcanvas__social a:hover {
		color: #158548;
	}
	.offcanvas__social a:last-child {
		margin-right: 0;
	}
	.offcanvas__search {
		margin-bottom: 30px;
	}
	.offcanvas__search form {
		position: relative;
	}
	.offcanvas__search form input {
		width: 100%;
		height: 30px;
		font-size: 16px;
		color: #ffffff;
		background: transparent;
		border: none;
	}
	.offcanvas__search form input::-webkit-input-placeholder {
		color: #ffffff;
	}
	.offcanvas__search form input::-moz-placeholder {
		color: #ffffff;
	}
	.offcanvas__search form input:-ms-input-placeholder {
		color: #ffffff;
	}
	.offcanvas__search form input::-ms-input-placeholder {
		color: #ffffff;
	}
	.offcanvas__search form input::placeholder {
		color: #ffffff;
	}
	.offcanvas__search form button {
		font-size: 16px;
		color: #ffffff;
		border: none;
		background: transparent;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
	}
	.header__logo {
		margin-right: 0;
	}
	.header__menu {
		display: none;
	}
	.header__right {
		display: none;
	}
	.blog__item__list {
		margin-right: -30px;
		overflow: hidden;
	}
	.blog__item {
		margin-bottom: 30px;
		width: calc(50% - 30px);
		float: left;
		margin-right: 30px;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #ffffff;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #222;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #ffffff;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #353535;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #353535;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__social a {
		display: inline-block;
		font-size: 16px;
		color: #ffffff;
		margin-right: 18px;
		-webkit-transition: all, 0.3s;
		-o-transition: all, 0.3s;
		transition: all, 0.3s;
	}
	.offcanvas__social a:hover {
		color: #158548;
	}
	.offcanvas__social a:last-child {
		margin-right: 0;
	}
	.offcanvas__search {
		margin-bottom: 30px;
	}
	.offcanvas__search form {
		position: relative;
	}
	.offcanvas__search form input {
		width: 100%;
		height: 30px;
		font-size: 16px;
		color: #ffffff;
		background: transparent;
		border: none;
	}
	.offcanvas__search form input::-webkit-input-placeholder {
		color: #ffffff;
	}
	.offcanvas__search form input::-moz-placeholder {
		color: #ffffff;
	}
	.offcanvas__search form input:-ms-input-placeholder {
		color: #ffffff;
	}
	.offcanvas__search form input::-ms-input-placeholder {
		color: #ffffff;
	}
	.offcanvas__search form input::placeholder {
		color: #ffffff;
	}
	.offcanvas__search form button {
		font-size: 16px;
		color: #ffffff;
		border: none;
		background: transparent;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
	}
	.header__logo {
		margin-right: 0;
	}
	.header__menu {
		display: none;
	}
	.header__right {
		display: none;
	}
	.hero__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.hero .container {
		padding: 0 15px;
	}
	.hero__pic {
		margin-bottom: 50px;
	}
	.player_bars {
		width: 200px;
		margin-right: 12px;
	}
	.jp-seek-bar>div {
		width: 100px;
	}
	.jp-volume-controls {
		position: relative;
		width: 50px;
		float: left;
		padding-left: 30px;
		padding-top: 18px;
		margin-right: 30px;
	}
	.jp-volume-bar {
		width: 20px;
	}
	.jp-volume-controls {
		margin-right: 15px;
	}
	.podcast .container {
		padding: 0 15px;
	}
	.podcast__item__pic {
		float: none;
	}
	.podcast__item__pic img {
		border-radius: 20px 20px 0 0;
		min-width: 100%;
	}
	.podcast__item__text {
		border-radius: 0 0 20px 20px;
		padding: 45px 35px 46px 30px;
	}
	.podcast__top h2 {
		margin-bottom: 30px;
	}
	.podcast__top ul {
		text-align: left;
	}
	.podcast__top ul li {
		margin-right: 20px;
	}
	.single__track__item {
		margin-bottom: 15px;
	}
	.footer__widget {
		margin-bottom: 30px;
	}
	.footer__logo {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.footer__social {
		text-align: left;
	}
	.footer__subscriber__text {
		margin-bottom: 30px;
	}
	.breadcrumb-option .container {
		padding: 0 15px;
	}
	.episodes__details__btns:after {
		display: none;
	}
	.episodes__details__btns__item {
		display: block;
		margin-bottom: 20px;
	}
	.sidebar {
		padding-top: 50px;
	}
	.blog__item__pic {
		width: 100%;
		float: none;
		border-radius: 20px 20px 0 0;
	}
	.blog__item__text {
		border-radius: 0 0 20px 20px;
	}
	.blog__details__btns__item {
		display: block;
		margin-bottom: 15px;
	}
	.blog__details__btns:after {
		display: none;
	}
	.blog__hero__text ul li {
		margin-right: 20px;
	}
	.blog__hero__text ul li:after {
		display: none;
	}
	.breadcrumb__text.episodes__breadcrumb__text ul li {
		margin-right: 25px;
	}
	.breadcrumb__text.episodes__breadcrumb__text ul li:after {
		display: none;
	}
	.jp-volume-controls {
		display: none;
	}
	.player_bars {
		width: calc(100% - 70px);
	}
	.jp-seek-bar>div {
		width: calc(100% - 50px);
	}
	.jp-btns {
		float: none;
		padding-top: 60px;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.hero__text h2 {
		font-size: 35px;
		line-height: 42px;
	}
	.hero__text .primary-btn {
		margin-bottom: 10px;
	}
	.player_bars {
		width: 100%;
	}
	.jp-seek-bar>div {
		width: 100%;
	}
	.jp-btns {
		float: none;
		padding-top: 60px;
	}
	.podcast__item__text {
		padding: 45px 26px 46px 28px;
	}
	.track__option .player_bars {
		width: 100%;
	}
	.track__option .jp-seek-bar>div {
		width: calc(100% - 50px);
	}
	.track__option .jp-btns {
		padding-top: 90px;
		display: block;
	}
	.jp-btns {
		padding-top: 90px;
		display: block;
	}
	.footer__subscriber {
		padding: 25px;
	}
	.footer__subscriber .site-btn {
		padding: 9px 15px 8px;
	}
	.breadcrumb__text h2 {
		font-size: 35px;
		margin-bottom: 30px !important;
	}
	.blog__pagination a {
		margin-bottom: 15px;
	}
	.blog__hero__text h2 {
		font-size: 36px;
	}
	.blog__hero__text ul li {
		margin-right: 15px;
	}
	.breadcrumb__text.episodes__breadcrumb__text ul li {
		margin-right: 35px;
	}
	.blog__details__comment__item.blog__details__comment__item--reply {
		margin-left: 0;
	}
	.blog__details__comment__item__text .comment__date {
		display: block;
		position: relative;
		margin-bottom: 10px;
	}
	.blog__details__comment__item__pic {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.callto__text h2 {
		font-size: 30px;
	}
}




.team-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 3rem;
	margin-top: 3rem;
}


.team-member {
	text-align: center;
	padding: 2rem;
	background: white;
	border-radius: 15px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.member-avatar {
	width: 150px;
	height: 150px;
	background: linear-gradient(45deg, #158548, #158548);
	border-radius: 50%;
	margin: 0 auto 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 3rem;
}

element.style {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 2rem;
}
element.style {
	margin-bottom: 2rem;
	color: #333;
}


element.style {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
}
.feature-icon {
	font-size: 3rem;
	margin-bottom: 1rem;
	color: #ff6b35;
}

.features-grid  {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.feature-item {
	text-align: center;
	padding: 2rem;
}
.what-we-do Specificity: (0, 1, 0) {
	background: #f8f9fa;
	padding: 5rem 0;
}





.donate-box {
	max-width: 400px;
	background-color: whitesmoke;
	padding: 30px;
	margin: 0 auto;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	text-align: center;
	
		
}

.donate-box h2 {
	color: #333;
	margin-bottom: 15px;
}

.donate-box p {
	color: #555;
	font-size: 15px;
	margin-bottom: 25px;
}

.donate-box input[type="number"] {
	width: 100%;
	padding: 12px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 20px;
}

.donate-box button {
	background-color: #158548;
	color: white;
	border: none;
	padding: 12px 20px;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.donate-box button:hover {
	background-color: #158548;
}


.card {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.card-img-top {
	height: 500px;
	object-fit: cover;
}

.card-title {
	font-weight: 600;
	color: #343a40;
}

.card-text {
	color: #6c757d;
}

.card-footer {
	background-color: transparent;
	border-top: none;
}

.btn-primary {
	background-color: #007bff;
	border: none;
	transition: background-color 0.2s ease;
}

.btn-primary:hover {
	background-color: #0056b3;
}