@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body{
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}
.clsPodastListing #freepicks{
	margin-top:0;
}
.clsPodcast_banner{
	padding-top:15px;
	margin-bottom:20px;
	position:relative;
}
.clsPodcast_banner h1{
	position:absolute;
	bottom:0;

	font-size:44px;
	left:142px;
	bottom:35px;
	text-transform:uppercase;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}
.clsPodcast_banner h1 span{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	display:block;
}
.clsPodcast_title{
	font-size:22px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	letter-spacing:-1px;
	padding:0 0 0 21px;
	margin:0;
	line-height:54px;
	position:relative;
	overflow:hidden;
	height:54px;
	background:url(/images/podcast/podcast_heading_bg.jpg) no-repeat left center;
}
.clsPodcast_title:before {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .5;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  -webkit-transform: translateX(900px) skewX(-15deg);
          transform: translateX(900px) skewX(-15deg);
}
.clsPodcast_title:after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transform: translateX(900px) skewX(-15deg);
          transform: translateX(900px) skewX(-15deg);
}
.clsPodcast_title:hover:before {
  -webkit-transform: translateX(0) skewX(-15deg);
          transform: translateX(0) skewX(-15deg);
  opacity: 0.8;
  transition: .9s;
}
.clsPodcast_title:hover:after {
  -webkit-transform: translateX(0) skewX(-15deg);
          transform: translateX(0) skewX(-15deg);
  opacity: 0;
  transition: .9s;
}

.clsPodcastShow ul{
	padding:0;
	margin:12px 0 0 0;
}
.clsPodcastShow ul li{
	list-style:none;
	float:left;
	width:24%;
	margin-right:1%;
	text-align:center;
}
.clsPodcastShow ul li:last-child{
	margin-right:0;
	width:25%;
}
.clsPodcastShow ul li a{
	height:101px;
	background:url(/images/podcast/podcast_list_bg.jpg) no-repeat center center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-size:20px;
	color:#fff;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	line-height:20px;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
	text-transform:uppercase;
}
.clsPodcastShow ul li a:hover{
	background:url(/images/podcast/podcast_list_bg_hover.jpg) no-repeat center center;
	background-size:cover;
}
.clsPodcastShow ul li a:hover{
	text-decoration:none;
}
.clsPodcastHost {
    margin: 35px 0;
    padding: 32px 0;
    border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.clsPodcastHost table{
	width:100%;
	margin-top:12px;
}
.clsPodcastHost table td{
	height:75px;
	vertical-align:middle;
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
}
.clsPodcastHost table tr:last-child td{
	border-bottom:none;
}
.clsPodcastHost table td:last-child{
	border-right:none;
}
.clsPodcastHost  td a{
	display:block;
	padding:0 20px 0 35px;
	color:#bb1b0d;
	position:relative;
	font-size:16px;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
}
.clsPodcastHost  td a:hover{
	color:#333;
	text-decoration:none;
}
.clsPodcastHost  td a i{
	position:absolute;
	right:20px;
	top:45%;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.clsPodcastHost  td a:hover i{
	right:30px;
}
.clsPodcastList{
	padding:25px 14px;
	background:#f2f2f2 url(/images/podcast/podcast_topbg.jpg) repeat-x top left;
	margin-bottom:30px;
}
.clsPodcastList h3{
	margin:0;
	padding:10px 0 10px 0;
}
.clsPodcastList h3 a{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:22px;
	color:#bb1b0d;
	line-height:30px;
	letter-spacing:-0.5px;
}
.clsPodcastList h3 a:hover{
	text-decoration:none;
	color:#333;
}
.clsPodcastInfo{
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#898888;
	margin-bottom:20px;
}
.clsPodcastInfo span{
	color:#bb1b0d;
}
.clsPodcastOpt{
	height:80px;
	background:#212121;
	padding-top:24px;
}
.clsPodcastOpt a{
	position:relative;
	top:0;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.clsPodcastOpt a:hover{
	top:3px;
}
.clsPlay{
	font-size:16px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	padding:7px 0 7px 42px;
	background:url(/images/podcast/play_btn.png) no-repeat left center;
	margin-left:20px;
	float:left;
}
.clsPlay:hover{
	color:#fff;
	text-decoration:none;
}
.clsShare{
	width:33px;
	height:34px;
	float:right;
	background:url(/images/podcast/download_btn.png) no-repeat center center;
	text-indent:-999999999px;
	margin-left:10px;
}
.clsDownload{
	width:33px;
	height:36px;
	float:right;
	background:url(/images/podcast/share_icon.png) no-repeat center center;
	text-indent:-999999999px;
	margin-left:20px;
	margin-right:20px;
}
.clsPodcastDetailsSection .clsPlay{
	padding-right: 21px;
	border-right: 1px solid #d06056;
	margin-right: 20px;
	height:55px;
	line-height: 39px;
}
.clsPodcastDetailsSection .clsPodcastOpt p {
    float: left;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
    line-height: 52px;
}
.clsPodcastDetailsSection .clsPlayOptions {
    float: right;
    margin-top: 8px;
	padding-right:8px;
}
.clsPodcastDetailsSection a:focus, .clsPodcastOpt a:focus{
	color:#fff !important;
}
.clsPodcastDetailsSection h3 {
    padding: 10px 0 5px 0;
    font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.clsTestimonials {
    padding: 50px 15px 40px 50px;
    color: #bb1b0d;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin:20px 0 30px 0;
	background-image:url(/images/podcast/left_top_testimonial.jpg), url(/images/podcast/right_top_testimonial.jpg);
	background-position:left 20px top 18px, right 25px bottom 15px;
	background-repeat:no-repeat, no-repeat;
}
.clsTestimonials p{
	padding:12px 0 12px 12px;
}
.clsPodcastDesc{
	padding:25px 0 12px 0;
	min-height:400px;
}
.clsPodcastDesc p{
	font-size:14px;
	line-height:22px;
}
.clsPodRead{
	width:105px;
	height:37px;
	line-height:37px;
	background:#bb1b0d;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	display:block;
	margin:30px auto 0;
}
.clsPodRead:hover{
	color:#fff;
	text-decoration:none;
	background:#333;
}
.clsLoadMore {
    margin-bottom: 30px;
}
.clsLoadMore a{
	display:block;
	font-size:15px;
	color:#212121;
	text-transform:uppercase;
	background:#f2f2f2;
	line-height:50px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.clsLoadMore a:hover{
	text-decoration:none;
	background:#212121;
	color:#eee;
}

.clsPodcastName strong{
	font-size:58px;
	display:inline-block;
	background:url(/images/podcast/podcast_title_bg.png) no-repeat right center;
	padding:0 65px 0 0;
	margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.clsPodcastName strong span{
	font-family: 'Open Sans', sans-serif !important;
	font-weight:600;
	background:#b11d10;
	padding-left:12px;
	font-size:58px !important;
	display:block;
}
.clsPodcastName, .clsPodcastName span{
	font-size:34px !important;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.clsPodcastDetailsSection h2{
	font-size:25px;
	color:#333333;
	line-height:normal;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	letter-spacing:-0.5px;
	padding:10px 0 5px 0;
	margin:0;
}
.clsDescription p{
	line-height:24px;
	padding-bottom:18px;
}
.clsImageDetails{
	position:relative;
	margin-bottom:21px;
}
.clsImageDetails h5{
	background:#fff url(/images/podcast/image_content_left.jpg) no-repeat left center;
	height:54px;
	line-height:54px !important;
	color:#434242;
	line-height:normal;
	font-size:18px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400 !important;
	position: absolute;
	bottom: 30px;
	width: 90%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.clsImageDetails h5 span{
	font-size:23px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	display:inline-block;
	padding:0 0 0 18px;
	width:210px;
	color:#fff;
}
.clsPodcastDetailsSection .clsPodcastOpt{
	background:#bb1b0d;
	height:74px;
	padding:10px 0;
}
.clsHighlights {
    padding: 0 0 30px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ebebeb;
}
.clsHighlights h4{
	font-size:16px;
	color:#434242;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
	padding:0 0 15px 0;
}
.clsHighlights ul li{
	color:#333333;
	list-style:none;
	margin:2px 0 12px 0;
	padding:0 0 0 20px;
	position:relative;
	text-shadow:0 0 0 #333;
}
.clsHighlights ul li::before{
	background:#bcbcbc;
	width:7px;
	height:7px;
	border-radius:100%;
	position:absolute;
	left:0;
	top:8px;
	content:"";
}
.clsNextPre {
    overflow: hidden;
    padding:0 6px 25px;
    border-bottom: 1px solid #ebebeb;
}
.clsNextPre div:first-child {
    float: left;
	max-width:240px;
}
.clsNextPre div:last-child {
    float: right;
	text-align:right;
	max-width:240px;
}
.clsPrepost > a, .clsNextpost > a{
	font-size:11px;
	text-transform:uppercase;
	color:#aaaaaa;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-decoration:underline;
}
.clsPrepost a i{
	margin-right:10px;
}
.clsNextpost a i{
	margin-left:10px;
}
.clsPrepost > a:hover, .clsNextpost > a:hover{
	color:#666;
	text-decoration:none;
}
.clsPrepost h5, .clsNextpost h5{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#bb1b0d;
	font-size:15px;
	padding-top:0;
}
.clsPrepost h5:hover a, .clsNextpost h5:hover a{
	text-decoration:none;
	color:#333;
}
.clsC2aBtn a {
    font-size: 13px;
    background: #f8d206;
    font-family: 'Open Sans', sans-serif !important;
	font-weight:600 !important;
    color: #333 !important;
    padding: 8px 15px !important;
}
.bottom-mainmenu-right{
	padding-right:0 !important;
}
.clsC2aBtn a:hover{
	background:#bb1b0d !important;
	color:#fff !important;
}
.clsMobilePodcastBtn{
	display:none;
}
.clsMobilePodcastBtn a {
    background: #f8d206;
    color: #333;
    display: block;
    padding: 12px 10px;
    text-align: center;
    font-size: 16px;
    font-family: open sans;
    font-weight: 600;
    text-transform: uppercase;
    margin: 25px 0;
}
.clsMobilePodcastBtn a:hover, .clsMobilePodcastBtn a:focus{
	background:#bb1b0d;
	color:#fff !important;
	text-decoration:none;
}
@media(min-width:1200px){
	.clsPodcastName > span, .clsPodcastName font{
			margin-left:15px;
	}
	.clsC2aBtn{
		left:1px;
	}
}
@media(min-width:1100px) and (max-width:1229px){

	.bottom-mainmenu-center .navbar-nav > li > a{
		font-size:13px;
	}
	.bottom-mainmenu-left .navbar-nav{
		float:none;
	}
	.clsC2aBtn{
		float:right !important;
	}
	.clsPodcastDetailsSection .clsPodcastOpt p {
		font-size: 16px;
		line-height: 23px;
		width: 280px;
		margin: 5px 0 0 0;
	}
}
@media(min-width:768px) and (max-width:993px){
	.clsPodcast_banner h1{
		font-size:24px;
	}
	.clsPodcastShow ul li a{
		font-size:15px;
	}
	.clsPodcastHost td a{
		font-size:15px;
	}
	.clsPodcastHost  td a:hover i{
		right:10px;
	}
	.clsPodcastList h3 a{
		font-size:18px;
		line-height:22px;
	}
	.clsPodcastOpt{
		height:auto;
		overflow:hidden;
		text-align:center;
		padding:15px 0;
	}
	.clsPodcastOpt a{
		float:none;
		display:inline-block;
		margin:5px;
	}
	.clsPodcastDetailsSection .clsPodcastOpt p{
		font-size: 16px;
		line-height: 23px;
		width: 170px;
		margin:5px 0 0 0;
	}
	.clsPodcastName, .clsPodcastName span{
		font-size: 24px !important;
	}
	.clsPodcastName strong span{
		font-size: 28px !important;
	}
	.clsPodcast_banner h1{
		left: 42px;
		bottom: 15px;
	}
	.clsPodcastDetailsSection .clsPlay{
		float:left;
	}
	.clsPodcastDetailsSection h2{
		font-size: 22px;
	}
	.clsImageDetails h5{
		font-size:12px;
	}
	.clsImageDetails h5{
		line-height:51px !important;
	}
	.clsPodcastDetailsSection .clsPodcastOpt{
		height:auto;
	}
	.clsPodcastDetailsSection .clsPlayOptions {
		margin-top: 8px;
		padding-right: 8px;
		padding: 0;
	}
	.clsNextPre div:first-child {
		float: left;
		max-width: 190px;
	}
	.clsNextPre div:last-child {
		float: right;
		max-width: 190px;
	}
}
@media(min-width:1024px) and (max-width:1100px){
	.clsPodcastName strong span{
		font-size: 38px !important;
	}
	.clsPodcast_banner h1{
		bottom:15px;
	}
	.clsPodcastDetailsSection .clsPodcastOpt p{
		font-size: 16px;
		line-height: 23px;
		width: 280px;
		margin:5px 0 0 0;
	}
}
@media(min-width:992px) and (max-width:1100px){
	.nav li.clsC2aBtn a{
		padding: 8px !important;
		font-size: 10px !important;
	}
	.clsPodastListing .clsDownload{
		margin:0 10px !important;
	}
}
@media(min-width:994px) and (max-width:1024px){
	.clsPodcast_banner h1{
		font-size:24px;
	}
	.clsPodcastShow ul li a{
		font-size:15px;
	}
	.clsPodcastHost td a{
		font-size:16px;
	}
	.clsPodcastHost  td a i{
		right:15px;
	}
	.clsPodcastHost  td a:hover i{
		right:10px;
	}
	.clsPodcastList h3 a{
		font-size:18px;
		line-height:22px;
	}
	.clsPodcastOpt{
		height:auto;
		overflow:hidden;
		text-align:center;
		padding:15px 0;
	}
	.clsPodcastOpt a{
		float:none;
		display:inline-block;
		margin:5px;
	}
	.clsPodcastName strong span{
		font-size: 38px !important;
	}
	.clsPodcast_banner h1{
		bottom:15px;
	}
	.clsPodcastDetailsSection .clsPodcastOpt p{
		font-size: 16px;
		line-height: 23px;
		width: 280px;
		margin:5px 0 0 0;
	}
	.clsPodcastName, .clsPodcastName span{
		font-size: 24px !important;
	}
	.clsPodcastName strong span{
		font-size: 28px !important;
	}
	.clsPodcast_banner h1{
		left: 42px;
		bottom: 15px;
	}
	.clsPodcastDetailsSection .clsPlay{
		float:left;
	}
	
}
@media(max-width:990px){
	.clsC2aBtn a{
		background:#f8d206 !important;
	}
	.clsHighlights ul {
		padding: 0 0 0 10px;
	}
}
@media (min-width:500px)(max-width:767px){
	.clsPodcastShow ul li a{
		font-size:14px;
	}
}
@media(max-width:767px){
	.clsPodcast_banner h1{
		font-size:22px;
		position:static;
		text-align:center;
		color:#333;
	}
	.clsPodcastHost  td a:hover i{
		right:10px;
	}
	.clsPodcastList img{
		width:100%;
	}
	.clsPodcastName strong span{
		font-size:28px !important;
	}
	.clsPodcastName, .clsPodcastName span{
		font-size:21px !important;
	}
	.clsPodcastName strong span{
		color:#fff;
	}
	.clsPodcastDetailsSection h2{
		font-size:18px;
		padding-bottom:15px;
		line-height:normal;
		font-weight:600;
	}
	.clsImageDetails h5{
		position:static;
		width:100%;
		background:#fff !important;
		color:#333 !important;

		height:auto;
		padding:10px 0;
		line-height:normal !important;
	}
	.clsImageDetails h5 span{
		color:#333 !important;
		padding:0;
		line-height:normal !important;
	}
	.clsPodcastDetailsSection .clsPodcastOpt{
		text-align:center;
		height:auto;
	}
	.clsPodcastDetailsSection .clsPodcastOpt p{
		float:none;
		text-align:center;
		line-height:normal;
		padding:0 15px;
	}
	.clsPodcastDetailsSection .clsPodcastOpt .clsPlay{
		background-color:#bb1b0d;
		float:none;
		top: -14px;
		margin:0 auto;
		border:none;
	}
	.clsPodcastDetailsSection .clsPodcastOpt .clsPlay:hover{
		top:-10px;
	}
	.clsPodcastDetailsSection .clsPlayOptions {
		float: none;
		padding-right: 0;
		overflow: hidden;
		margin: 0 auto;
		width: 120px;
	}
	.clsImageDetails h5 span{
		display:block;
	}
	.clsMobilePodcastBtn{
		display:block;
	}
	.clsPodcastHost td a{
		padding:0 20px 0 15px;
	}
	.clsPodcastDesc{
		min-height:100px;
	}
	.clsPodcast_banner {
		padding-top: 0;
		margin-left: -15px;
		margin-right: -15px;
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.clsPodastListing .docs-contents, .clsPodastDetails .docs-contents{
		padding-top: 0;
	}
	.clsPodcast_title{
		padding:0;
		text-align:center;
	}
	.clsPodcastList{
		padding:0 14px 25px 14px;
	}
	.clsPodcastName strong{
		background: #bb1b0d;
		padding: 6px 10px !important;
	}
	.clsPodcastName strong span{
		padding:0 !important;
	}
	.clsHighlights ul {
		padding: 0 0 0 10px;
	}
	.clsPodcastDetailsSection .clsPlay {
		width: 35px;
		height: 40px;
		padding: 0;
		display:inline-block;
	}
	.clsPodcastDetailsSection .clsPlayOptions{
		display: inline-block;
	}
	.clsPodastDetails .clsPodcastOpt a{
		text-indent: -999999px;
		width:35px;
		height:45px;
		padding:0 0 10px 0 !important;
		margin:0 10px !important;
	}
	.clsPodastListing .clsPodcastOpt .clsPlay{
		text-indent:0;
		padding: 7px 0 7px 42px !important;
		height:auto;
		width:auto;
	}
}
@media(max-width:499px){
	.clsPodcastShow ul li{
		width:48% !important;
		margin:1% !important;
	}
	.clsPodcastHost table td{
		display:block;
		border:none;
		border-bottom:1px solid #eee;
		height:auto;
		padding:15px 10px;
	}
	.clsPodcastList h3 a{
		font-size:18px;
		line-height:20px;
	}
	.clsPodcastOpt{
		height:auto;
		overflow:hidden;
		text-align:center;
		padding:15px 0;
	}
	.clsPodcastOpt a{
		float:none;
		display:inline-block;
		margin:5px;
	}

	.clsPodcastShow ul li {
		width: 100% !important;
		margin: 1% 0 !important;
		float: none;
	}
	.clsPodcastShow ul li a{
		width:100%;
		background-size:cover;
	}
	.clsPodcastShow ul li a br{
		display:none;
	}
	.clsPodastListing .clsPodcastOpt .clsPlay{
			text-indent: -999999px;
			padding:0 !important;
	}
	.clsPodastListing .clsPodcastOpt a{
		width:35px !important;
		height:35px !important;
		padding:0;
	}
}