.hero{width: 100%; height:600px; background: #000; background-repeat:no-repeat; -webkit-background-size: cover cover;
    background-size:cover; background-position:100% 0;}    
.hero .container{position: relative;  height: 100%;} 
.hero-caption{position:absolute; bottom:40px; left:15px; color: #fff; max-width:770px;z-index: 1;}
.hero-caption p{font-size:22px; line-height:25px; margin-bottom:0;}
.hero-caption h2{ font-size:51px; line-height:51px; margin-bottom:40px; color: #fff;}
 #main-wrap.static-page{ padding-top:0;}

.static-page  .popular-podcasts h5{ color:#707070;}

/**COntact us**/
.ck-button-form label{margin-bottom: 0;  display:inline-block; margin-right: 10px; margin-bottom: 20px;}
.ck-button-form label input{ position: absolute; top: 0px; visibility: hidden; opacity: 0;}

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0;}
.ck-button-form input:checked + span {background-color: #1A78E5; color: #fff; border: 1px solid #1A78E5;}
.ck-button-form label span{text-align: center; display: block; border-radius: 20px; font-size: 12px; line-height: 40px;
display: inline-block; background:#f1f1f1; height: 40px; padding: 0 20px; transform: scale(1); transition: all 0.6s;color:#707070; font-weight:400; border:1px solid #fff;}

.contact-us-form{padding:30px; box-shadow:0px 3px 20px #00000029; max-width:670px; border-radius:12px; overflow: hidden; background:#fff;}
.contact-us-form label{ font-size:16px; line-height: 16px; margin-bottom: 10px; font-weight: 600;}
.contact-us-form .form-control{box-shadow:0px 3px 20px #00000029; border-radius:25px; height:50px; line-height:50px; padding:10px 20px; border:none; outline: none;}
.contact-us-form textarea.form-control{ border-radius:12px; height: inherit; line-height: inherit;}
.contact-us-form-wrap{ position: relative; margin-top:-300px;}

.contact-page .hero{height:435px;}
.email-link.envelope{background: url(../images/envelope.svg) no-repeat; height: 20px; width: 30px; padding: 0 0 0 26px; background-position: left center;
    background-size: contain; color:#000;word-break: break-word;}
.contact-page h1{ color: #fff !important; margin-bottom: 20px;}    

/**know the podcaster**/
.knowthepodcaster-list{ display:flex; flex-wrap: wrap; }
.knowthepodcaster-list li{max-width:16.666%; flex:0 0 16.666%; margin-bottom: 30px; padding:0 15px;}
.knowthepodcaster-list li figure{ position: relative; font-size:16px; text-align: center;}
.knowthepodcaster-list li figure .img-outer{ height:100%; width:100%; max-width: 151px; max-height: 151px; border-radius: 50%; overflow: hidden; margin:0 auto 10px;}
.knowthepodcaster-list li figure:before{ display: none;}
.loader{ margin: 40px auto;}

.img-podcasters{height:80px; width:80px; border-radius: 50%;}
.img-podcasters img{width:100%; height:100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

.hero-caption *{ color: #fff !important;}
.podcaster-details .hero, .contact-page .hero{position:relative; height:435px; background-position: right center;
    background-size: contain;}
.podcaster-details .hero:before, .contact-page .hero:before{content:''; position:absolute; background:#273043; top:0; bottom:0; left:0; width:45%;}
.podcaster-details .hero:after, .contact-page .hero:after{content:''; position:absolute; background: url(../images/Path96.svg) no-repeat;top: 0; bottom: 0;
    right: 0; width:55%; background-position: left center; background-size: cover; height: 100%;}


    

.share{background: #273043; border-radius:20px;  height: 40px; line-height: 40px;  border: 1px solid #fff; font-size: 14px;
    text-transform: uppercase; position: relative; bottom: 0px; right: 0; padding: 0 10px 0 35px; color: #fff; z-index: 9;}
a.share:hover {color: #ffffff !important;}
.share svg{position:absolute; top:10px; left: 10px;}
/* .podcasters-inner-wrap .play-btn-wrap .share {margin-top: 0;} */
.podcasters-inner-wrap .play-btn-wrap .addthis_inline_share_toolbox {margin-bottom: -10px;}
.podcasters-inner-wrap {
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 100;
}
.privacy-policy p a {color: #3396CE;}
.privacy-policy p a:hover {color: #000;}
@media (min-width: 1025px){
.popular-podcasts-list .figure-wrap{height:400px;  max-height:400px;}
.static-page.contact-page h1{color:#fff; }
}

@media (min-width: 768px){
.slick-slide{margin:10px;}
}

@media (max-width:1024px){
.knowthepodcaster-list li{max-width:20%; flex:0 0 20%;}
}

@media (max-width:990px){
.knowthepodcaster-list li{max-width:25%; flex:0 0 25%;}

.podcaster-details .hero, .contact-page .hero{ background-size: cover; background-position: center !important;}
.podcaster-details .hero:before, .contact-page .hero:before{  display: none;}
.hero-caption{ z-index: 9;}
.podcaster-details .hero:after, .contact-page .hero:after{ width: 100%;}
.contact-page .hero:after{ opacity: 0.5;}
.share{right: 10px;}
.hero-caption:before{ display: none;}

.contact-page h4{ font-size: 20px !important;}
}

@media (max-width: 767px){
#main-wrap.static-page{padding-top: 0;}
.slick-slide{max-width:230px;}

.hero{height: 480px;}

.hero-caption{right:15px; bottom: 0; left: 15px; z-index: 9; padding:20px 0;}
.hero-caption:before{ content: ''; position:absolute; bottom:0; left:-15px; right:-15px; background: rgba(0,0,0,0.1); height: 100%; z-index: -1;}
.hero-caption h2{font-size:36px; line-height:40px; margin-bottom:20px;}
.hero-caption p{font-size:16px; line-height:20px;}

/*.contact-page h1{ color: #000 !important;}*/
.contact-us-form-wrap{ margin-bottom:40px; margin-top:-90px;}
.contact-us-form{padding: 20px;}

.knowthepodcaster-list li{max-width:33.33%; flex:0 0 33.33%; padding: 0 10px; margin-bottom: 20px;}
.share{ bottom: 20px;}
}


@media (max-width:567px){
.knowthepodcaster-list li{max-width:50%; flex:0 0 50%;}
}