/*common*/
body{background:#fff; overflow-x: hidden; color:#191919; font-family:'akzidenz-grotesk_proregular'; line-height: inherit;}
ul{padding:0; margin:0;}
li{list-style: none;}
a{transition: all .2s ease-in;}
a:hover{text-decoration: none;}
input:focus, textarea:focus{border: none; outline: none;}
.inner-banner-col{border-bottom: 5px solid #013263;position:relative; transform: translateZ(-50px) scale(1.1); z-index:9; float:left; width:100%; background-position: left center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.banner-content{float:left; width:100%; padding: 250px 5% 350px;}
.banner-content h1{float:left; width:100%; margin:0 0 20px; color: #fff; font-size: 96px; font-family:'akzidenz-grotesk_probold';}
.banner-content h1 img{margin-bottom: 30px; max-width: 450px; height: auto;}
.banner-content p{float:left; width:70%; font-size: 32px; font-family:'akzidenz-grotesk_promedium'; color: #fff;}

/*header section*/
header{position: absolute; left: 0; top: 0; float: left; width: 100%; z-index: 99; border-bottom: 1px solid rgba(255,255,255,0.3);}
header.content-page{background-color: #191919; position: inherit;}
header.sticky{position: fixed; background-color: #191919;}
.logo{max-width:43px; float:left; margin:16px 12px 0 15px; padding: 5px; position: relative;}
.logo.active{z-index: 99;}
.logo img{width:100%; height:auto;}
.mobile-play{display:none; width: 32px; height: 32px; float: right; position: relative; margin-top: 11px; margin-right: 10px;}
.mobile-play img{width: 100%; height: auto;}
.mobile-play:after{content: ''; position: absolute; right: 0; top: 0; width: 12px; height: 12px; background-color: #2ec4b6; border-radius: 30em;}
.mobile-paylist{position: fixed; overflow-y: auto; padding: 100px 20px 20px; text-align: center; right: -100%; top: 0; background-color: #191919; width: 100%; height: 100%; z-index: 9;}
.mobile-paylist figure{display: inline-block; width: 250px; margin: 0 auto 40px;}
.mobile-paylist figure img{width: 100%; height: auto;}
.mobile-paylist figure a{float: left; width: 100%; height: 100%; position: relative;}
.mobile-paylist figure a:after{content: ''; position: absolute; left: 85px; top: 90px; background: url('../images/play@2x.png') no-repeat left top; width: 60px; height: 66px; background-size: contain;}
.mobile-paylist p{width: 100%; color: #706f6f; font-size: 14px;}
.mobile-paylist p strong{font-size: 18px; color: #fff; float: left; width:100%; margin-bottom: 5px;}
.mobile-paylist .link{float: left; width: 100%; background-color: #ffc53a; border-radius: 24px; padding: 15px 10px; color: #191919; font-size: 14px; text-transform: uppercase;}

/*Menu Section*/
.menu{float:left; width:50%;}
.top-menu li{float:left; width:auto; position: relative; padding:25px 20px; border-left:1px solid rgba(255,255,255,0.3);}
.top-menu li.active:after{content: ''; position: absolute; left: 0; bottom: -3px; background-color: #ffc53a; width: 100%; height: 6px;}
.top-menu li a{color: #fff;}
.top-menu li a:hover, .top-menu li.active a{color: #ffc53a;}
.top-menu li.listen:before{animation: fade 1s infinite; content:''; position: absolute; right: 0; top:27px; background-color: #2ec4b6; width: 12px; height: 12px; border-radius: 20em;}
.top-menu li .listen-popup{display:none; position: absolute; width: 420px; left: -150px; top: 68px; background-color: #fff; border-radius: 10px;}
.top-menu li .listen-popup .player-widget div {display: none; }
.top-menu li .listen-popup:after{content:''; position: absolute; left: 43%; top:-10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff;}
.top-menu li .listen-popup img{width: 75px; height: 70px; float: left; padding: 25px 16px 0;}
.top-menu li .listen-popup p{float: left; width: 75%; padding-top: 25px; color: #191919; font-size: 18px;}
.top-menu li .listen-popup p span{float: left; width: 100%; color: #706f6f; font-size: 14px; margin-top: 5px;}
.top-menu li .listen-popup a{float: left; border-radius: 0 0 10px 10px; width: 100%; background-color: #ffc53a; text-align: center; padding: 11px 10px; color: #191919; font-size: 14px;}
.top-menu li .listen-popup a:hover{background-color: #f9b81e;}
.top-menu li.listen:hover .listen-popup{display: block;}
.right-request-button{float:right; width:auto; margin-right:1%; margin-top: 5px; box-shadow: 0 10px 20px 0 rgba(255, 197, 58, 0.2); border-radius: 30px; background-color: #ffc53a; padding:16px 30px 19px; color: #191919; font-size: 20px; font-family:'akzidenz-grotesk_promedium';}
.right-request-button:hover{color: #191919; background-color: #f9b81e;}

.custom-menu-outer {display: none; overflow-y: auto; position: fixed; left: 0; top: 0; z-index: 9; background-color: #191919; width: 100%; height: 100%;}
.custom-menu, .menu-main-menu-container{background-position: center top; display: table; height: 100%; background-repeat: no-repeat; background-size: cover; float: left; width: 50%; padding: 125px 5%;}
.custom-menu li, .menu-main-menu-container li {float: left; width: 100%; margin-bottom: 20px;}
.custom-menu a, .menu-main-menu-container a {color: #fff; float:left; font-size: 40px; font-family:'akzidenz-grotesk_promedium';}
.custom-menu .sub-items, .menu-main-menu-container li .sub-menu{float: left; width: 100%; margin-top:20px; padding-left: 20px; border-left: 1px solid #fff;}
.custom-menu .sub-items a, .menu-main-menu-container li .sub-menu{font-family:'akzidenz-grotesk_proregular';}
.custom-menu li:last-child, .custom-menu .sub-items li:last-child, .menu-main-menu-container li:last-child, .menu-main-menu-container li .sub-menu li:last-child {margin-bottom: 0;}
.custom-menu a:hover, .menu-main-menu-container a:hover {color: #ffc53a;}
.custom-right-menu{float: left; width: 50%; height: 100%; padding: 125px 5%; position: relative;}
.custom-right-menu .song-request{float: left; width: 47%; margin-right:6%;}
.custom-right-menu .song-request img{width: 100%; height: auto;}
.custom-right-menu .latest-news-link{float: left; width: 47%;}
.custom-right-menu .latest-news-link h5{float:left; width: 100%; margin: 0; color: #706f6f; font-size: 14px; font-family:'akzidenz-grotesk_promedium'; text-transform: uppercase; letter-spacing: 2px;}
.custom-right-menu .latest-news-link img{width: 100%; height: auto; margin: 20px 0;}
.custom-right-menu .latest-news-link .date{float:left; width: 100%; font-size: 12px; color: #2ec4b6; font-family:'akzidenz-grotesk_prolight';}
.custom-right-menu .latest-news-link a{float: left; width: 100%; margin: 5px 0 0; font-size: 18px; color: #fff; font-family:'akzidenz-grotesk_promedium';}
.bottom-social-link{float: right; clear: both; width: 40%; position: absolute; right: 10%; bottom: 0;}
.bottom-social-link img{float: right; width: 43px; height: 35px;}
.bottom-social-link p{float:left;width: 80%; font-size: 14px; color: #706f6f; font-family:'akzidenz-grotesk_promedium'; letter-spacing: 2px; text-transform: uppercase;}
.bottom-social-link a{float: left; text-transform: none; width: 100%; color: #fff; font-size: 24px;}

.menu-main-menu-container .menu { width: auto; }

/*Home Screen*/
.video-col{float:left; width:100%; position: relative;min-height: 100vh}
.video-col .video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.video-col .video-wrapper iframe {    width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.home-video{float: left; width: 100%; height:100%; object-fit:cover;}
.video-content{float: left; position: absolute; left: 13%; top:25%; width: 30%;}
.video-content img{width: 100%; height: auto;}
.video-content .work-btn{float:left; width:auto; font-size: 20px; border-radius: 30px; border:1px solid #fff; color: #fff; padding:20px 30px; margin-top:70px; font-family:'akzidenz-grotesk_promedium';}
.video-content .work-btn:hover{border-color:#ffc53a; background-color: #ffc53a; color: #191919;}
.scroll-link{position: absolute; left: 11%; bottom: 75px; transform: rotate(-90deg); color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 4px; font-family:'akzidenz-grotesk_promedium';}
.scroll-link:hover{color: #ffc53a;}
.scroll-link:after{content:''; background-color: #fff; transform: inherit; width:1px; height:35px; position: absolute; left:-29px; bottom: -11px;}
.about-col{background-color: #2ec4b6; float:left; width:100%; padding: 170px 13%;}
.about-col figure{float:left; width:50%; position: relative;}
.about-col figure img{transition: all .3s ease;}
.about-col figure img:first-child{border-radius: 30px; width:80%;}
.about-col figure img:last-child{border-radius: 30px; width:43%; border:20px solid #2ec4b6; position: absolute; right:0; bottom: -25%;}
.about-col .right-content{float:right; width:50%;}
.about-col h2{float:left; width:100%; color: #fff; font-size: 30px; line-height: 36px;margin-bottom: 30px;}
.about-col p{float:left; line-height: 30px; width:100%; color: #fff; font-size: 20px; font-family:'akzidenz-grotesk_proregular';}
.about-col a{float:left; margin-right:11px; margin-bottom: 20px; font-family:'akzidenz-grotesk_promedium'; font-size: 14px; background-color: #fff; border-radius: 30px; color: #191919; padding: 14px 20px;}
.about-col a:last-child{margin-right:0;}
.about-col a:hover{background-color: #191919; color: #fff;}
.about-col .links-list { float: left;margin-top: 40px;}
.impact-col{float:left; width:100%; background-attachment: fixed; background-size: cover; padding:170px 13%; position: relative;}
.impact-inner{float:left; width:58%;}
.impact-col h2{position: absolute; margin:0; right:5%; top:-28px; color: #fff; opacity: 0.12; font-size: 369px; line-height: 340px; font-family:'akzidenz-grotesk_proregular'; pointer-events: none;}
.impact-col h3{float:left; margin-bottom: 20px; padding-bottom: 20px; width:100%; color: #ffc53a; font-size: 36px; font-family:'akzidenz-grotesk_promedium'; position: relative;}
.impact-col h3:after{content: ''; position: absolute; left:0; bottom: 0; height:2px; width:100%; background-color: #ffc53a;}
.impact-col h3:before{content: ''; position: absolute; right:-1px; bottom: 0; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ffc53a;}
.impact-col a{float:left; clear: both; width: auto; border-radius: 24px; border:1px solid #fff; color: #fff; font-family:'akzidenz-grotesk_promedium'; font-size: 16px; padding: 15px 20px;}
.impact-col a:hover{color: #191919; background-color: #ffc53a; border-color: #ffc53a;}
.impact-col .count-animation{float:left; height: 400px; display: none; line-height: 135px; width:100%; color: #fff; font-size: 180px; font-family:'akzidenz-grotesk_probold';}
.impact-col .count-animation p{float:left; line-height: normal; margin:20px 0 30px; width:100%; color: #fff; text-transform: uppercase; font-size: 40px; font-family:'akzidenz-grotesk_promedium';}
.award-list-col{float:left; width: 100%; padding: 150px 0 100px;}
.award-list-col h3{float:left; width:100%; font-size: 48px; color: #191919; font-family:'akzidenz-grotesk_promedium'; margin: 0 0 30px;}
.award-list-col p{float: left; width:50%; color: #706f6f; font-size: 20px; line-height: 30px; margin-bottom: 60px;}
.award-list-col ul{float: left; width: 100%; margin: 20px 0 0;}
.award-list-col li{float: left; margin-bottom: 120px; text-align: center; display: flex; flex-direction: column; align-items: center; padding-right: 20px; justify-content: center; margin-right: 3%; width: 17%; height: 100px;}
/* .award-list-col li:nth-child(5n), .award-list-col li:last-child{margin-right: 0;} */
.award-list-col li img{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.award-list-col li h3 { font-size: 16px; margin-top: 30px; text-align: center}
.basic-content{float:left; width:100%;}
.basic-content .wp-block-columns{width: 100%;}
.basic-content p{float:left; width:100%; margin: 0 0 25px;}
.latest-news-col{float: left; width: 100%; background-color: #ededed; overflow:hidden; padding: 200px 0 150px;}
.latest-news-col .news-content{float: left; padding-left: 11%; width: 34%;}
.latest-news-col .news-content h3{float: left; margin: 0; width: 100%; color: #0a2764; font-size: 14px; font-family:'akzidenz-grotesk_promedium'; letter-spacing: 10px; text-transform: uppercase;}
.latest-news-col .news-content p{float: left; width: 100%; line-height: 36px; color: #191919; font-size: 24px; font-family:'akzidenz-grotesk_promedium'; margin:30px 0 45px;}
.latest-news-col .news-content a{float: left; width: auto; border: 1px solid #191919; color: #191919; border-radius: 24px; padding: 15px 20px; font-size: 16px; font-family:'akzidenz-grotesk_promedium';}
.latest-news-col .news-content a:hover{background-color: #191919; color: #fff;}
.home-slider{float: right; width: 60%; position: relative;}
.home-slider figure{float: left; width: 100%; padding-right: 10px;}
.home-slider figure img{width: 100%; height: 196px; object-fit: cover;}
.home-slider .date{float: left; width: 100%; color: #2ec4b6; font-size: 14px; font-family:'akzidenz-grotesk_prolight';}
.home-slider a{float: left; width: 90%; height: 100%; margin: 10px 0 0; color: #191919; font-size: 20px; font-family:'akzidenz-grotesk_promedium';}
.home-slider .slick-list{padding:0 20% 0 0 !important;}
.home-slider .slick-prev, .home-slider .slick-next{top:-25px;}
.home-slider .slick-prev:before, .home-slider .slick-next:before{color: #191919;}
.home-slider .slick-prev{left: auto; right: 20%;}
.home-slider .slick-next{right:15%;}

.bbc-list-col{float:left; width:100%; padding:155px 0 150px;}
.bbc-list-col p{color: #706f6f; float: left; margin-bottom: 45px; width: 50%; /*font-size: 20px; line-height: 30px;*/ font-size: 30px; line-height: 36px;}
.bbc-list-col ul{float:left; width:100%;}
.bbc-list-col li{float: left; text-align: center; display: flex; align-items: center; justify-content: center; margin-right: 3%; /*width: 11%; height: 60px;*/ width:17%; height: 100px; padding-right: 20px; margin-bottom:120px;}
.bbc-list-col li:last-child{margin-right: 0; padding-right:0;}
.bbc-list-col li img{width: auto; height: auto; max-width: 100%; max-height: 100%;}

/*Production Screen*/
.get-in-touch-bar{float: left; width: 100%; position: relative; z-index: 9;}
.get-in-touch-inner{width: 94%; margin-top:-115px; position: absolute; left: 3%; top: 0; float:left; background-color: #2ec4b6; border-radius: 120px; padding: 70px 120px;}
.get-in-touch-bar .heading{float:left; margin-bottom: 15px; width: 70%; color: #0a2764; font-size: 24px; font-family:'akzidenz-grotesk_promedium';}
.get-in-touch-bar p{float:left; width: 70%; margin:0; color: #fff; font-size: 20px;}
.get-in-touch-bar a{float:right; margin-top: -30px; width: auto; border: 1px solid #fff; border-radius: 30px; padding: 19px 28px; color: #fff; font-size: 20px; font-family:'akzidenz-grotesk_promedium';}
.get-in-touch-bar a:hover{background-color: #fff; color: #0a2764;}

.podcast-content-col{float: left; width: 100%; padding: 200px 0 50px; text-align: center;}
.podcast-content-col.blue-bg{background-color: #2ec4b6; padding: 100px 0 50px;}
.podcast-content-col.black-bg{background-color: #191919; padding: 100px 0 150px;}
.podcast-content-col .sub-head{float: left; margin-bottom: 20px; padding: 0 6%; width: 100%; text-align: left; font-size: 20px; text-transform: uppercase; color: #0a2764;}
.podcast-content-col h2{float: left; line-height: 150px; padding: 0 5%; margin:0; width: 100%; text-align: left; font-size: 180px; color: #ffc53a; font-family:'akzidenz-grotesk_promedium';}
.podcast-content-col.blue-bg h2{color: #fff; padding: 0;}
.podcast-content-col.black-bg h2{color: #da4f34; padding: 0; position: relative;}
.podcast-content-col.black-bg h2:after{content:''; position: absolute; right: 0; top: 60px; width: 120px; height: 35px; background:url('../images/bbc-logo@2x.png') no-repeat left top; background-size: cover;}
.podcast-list{float:left; width:100%; position: relative; z-index: 9;}
.podcast-list li{float: none; transition: all .3s ease; margin-bottom: 40px; }
/* .podcast-list li:nth-child(4n), .podcast-list li:last-child{margin-right: 0;} */
.podcast-list li figure{float: left; margin-bottom: 20px; width: 100%; max-height: 330px; border-radius: 10px; overflow: hidden;}
.podcast-list li img{width: 100%; height: auto;}
.podcast-list li p{float: left; margin: 0 0 15px; width: 100%; font-size: 20px; color: #191919; font-family:'akzidenz-grotesk_promedium'; overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;}
.podcast-content-col.blue-bg li p, .podcast-content-col.black-bg li p{color: #fff;}
.podcast-list li a{position: relative; float: left; width: 100%; height: 100%;}
.podcast-list li .link{float: left; position: relative; width: 100%; color: #2ec4b6; border-radius: 24px; border:2px solid #2ec4b6; padding: 13px 50px 13px 20px; }
.podcast-list li .link:after{content:''; position:absolute; background:url('../images/music-icon@2x.png') no-repeat left top; width: 20px; right: 21px; top:13px; height:17px; background-size: cover;}
.podcast-list li .link:hover, .podcast-content-col.blue-bg li .link:hover, .podcast-content-col.black-bg li .link:hover{background-color: #2ec4b6; border-color: #2ec4b6; color: #fff; text-align: center; padding-right:20px;}
.podcast-list li .link:hover:after{content: none;}
.podcast-content-col.blue-bg li a{border-color: #fff; color: #fff;}
.podcast-content-col.blue-bg li a:after{background:url('../images/video-icon@2x.png') no-repeat left top; background-size: cover; height:17px; width: 17px;}
.podcast-content-col.black-bg li a{border-color: #da4f34; color: #da4f34;}
.podcast-content-col.black-bg li a:after{background:url('../images/music-icon-red@2x.png') no-repeat left top; background-size: cover; height:17px; width: 20px;}
.podcast-content-col .all-post-btn{display:inline-block; margin: 60px  auto; background-color: #ffc53a; padding: 15px 20px; border-radius: 24px; color: #191919; font-size: 16px; font-family:'akzidenz-grotesk_promedium';}
.podcast-content-col .all-post-btn:hover, .podcast-content-col.blue-bg .all-post-btn:hover, .podcast-content-col.black-bg .all-post-btn:hover{color: #191919; background-color: #f9b81e;}
.podcast-content-col.blue-bg .all-post-btn{background-color: #fff;}
.podcast-content-col.black-bg .all-post-btn{background-color: #da4f34; color: #fff;}
/*.page-template-productions .podcast-list li p{height: 48px;}*/

/*Production Detail Screen*/
.plain-content-area{float:left; width:100%; padding:120px 0 300px;}
.plain-content-area figure{float: left; width: 48%; margin-right: 2%; position: relative;}
.plain-content-area figure:after{content:''; position: absolute; left: 50%; top: 50%; margin-top: -82px; margin-left: -75px; width: 150px; height: 165px; background:url('../images/play@2x.png') no-repeat left top; background-size: cover;}
.plain-content-area figure img{width: 100%; height: auto;}
.right-content-col{float: left; width: 48%; margin-left: 2%;}
.right-content-col h2{float: left; line-height: 70px; margin: 0; width: 100%; color: #191919; font-size: 72px; font-family:'akzidenz-grotesk_probold';}
.right-content-col .post-date{float: left; margin: 30px 0 50px; width: 100%; color: #2ec4b6; font-size: 32px; font-family:'akzidenz-grotesk_promedium';}
.right-content-col p{float: left; width: 100%; font-size: 20px; color: #706f6f;}

/*Podcast List Screen*/
.podcast-content-col.podcast-list-detail{padding-top: 80px;}
.podcast-content-col.podcast-list-detail .intro-text{float: left; color: #706f6f; font-size: 20px; line-height: 30px; margin-bottom: 40px; width: 70%; text-align: left; padding: 0 6%;}

/*Contact Us Screen*/
.contact-us-col{float:left; width:100%; padding: 140px 0 240px;}
.contact-us-col .intro-text{float: left; width: 70%; color: #191919; font-size: 36px; line-height: 48px; font-family:'akzidenz-grotesk_promedium';}
.contact-us-form{float:left; width: 100%; margin-top: 60px;}
.contact-us-form fieldset{float: left; width: 100%; margin-bottom: 40px;}
.contact-us-form fieldset:nth-child(2){width: 48%;}
.contact-us-form fieldset:nth-child(3){float: right; width: 48%;}
.contact-us-form label{float: left; width: 100%; font-size: 18px; color: #191919;}
.contact-us-form input{background-color: #ededed; float: left; width: 100%; height: 60px; padding: 0 5px; border: 0;}
.contact-us-form textarea{float: left; width: 100%; background-color: #ededed; border: 0; height: 136px; resize: none; overflow-y: auto;}
.contact-us-form .policy-text{float:left; width:100%;}
.contact-us-form .send-btn{float: left; width:auto; background-color: #2ec4b6; padding: 19px 30px; color: #fff; font-size: 18px; font-family:'akzidenz-grotesk_promedium'; border-radius: 30px;}

/*News & Updates Screen*/
.news-and-updates{float: left; width: 100%; padding: 170px 0 210px; text-align: center;}
.news-and-updates h1{float: left; width: 100%; margin: 0; text-align: left; color: #191919; font-size:96px; font-family:'akzidenz-grotesk_probold';}
.news-list{float: left; width: 100%; margin-top:90px; text-align: left;}
.news-list li{float: left; width: 100%; margin-bottom: 60px; position: relative; padding: 60px 0;}
.news-list li:nth-child(odd):after{content:''; position: absolute; left: -100%; top: 0; width:300%; height:100%; background-color: #f8f8f6;}
.news-list figure{float: left; width: 60%; margin-bottom: 0; position: relative; z-index: 9;}
.news-list figure img{width: 100%; height: auto;}
.news-list .text-col{float: left; width: 37%; margin-left: 3%; margin-top: 50px; position: relative; z-index:9;}
.news-list .text-col .date{float: left; width: 100%; color: #2ec4b6; font-size:14px; font-family:'akzidenz-grotesk_promedium';}
.news-list .text-col h3{float: left; width: 100%; font-size: 32px; color: #191919; font-family:'akzidenz-grotesk_promedium'; margin: 15px 0 30px;}
.news-list .text-col p{float: left; width: 100%; font-size: 16px; color: #706f6f; margin-bottom: 23px;}
.news-list .text-col .more-link{float: left; width: auto; color: #cc1818; font-size: 20px;}
.news-list .text-col .more-link img{width: 32px; height: auto;}
.news-and-updates .load-more-btn{display: inline-block; background-color: #ffc53a; color: #191919; border-radius: 24px; padding: 15px 40px; font-family:'akzidenz-grotesk_promedium';}
.news-and-updates .load-more-btn:hover{background-color: #f9b81e;}

/*Content Detail Screen*/
.content-detail-page{float: left; width: 100%; padding: 170px 0 260px; text-align: center;}
.content-detail-page .date{float: left; width: 100%; text-align: left; padding: 0 7%; color: #2ec4b6; font-size: 14px; font-family:'akzidenz-grotesk_promedium';}
.content-detail-page h1{float: left; text-align: left; width: 100%; padding: 0 7%; margin:30px 0 50px; font-size: 60px; color: #191919; line-height: 72px; font-family:'akzidenz-grotesk_probold';}
.content-detail-page p{float: left; text-align: left; width: 100%; font-size: 20px; padding: 0 7% 20px; color: #706f6f;}
.content-detail-page strong{color: #191919;}
.content-detail-page figure{width: 100%; height: auto;}
.content-detail-page figure img{width: 100%;}
.content-detail-page img{width: auto; margin: 10px 0 40px;}
.subscribe-box{float: left; width: 100%; padding: 0 7%; margin-top:80px;}
.subscribe-inner{float:left; text-align: left; width: 100%; background-color: #e9e9e9; padding: 120px 50px;}
.subscribe-inner h4{float: left; width: 100%; color: #191919; font-size: 36px; font-family:'akzidenz-grotesk_probold';}
.subscribe-inner p{float: left; padding: 0; width: 100%; font-size: 16px; color: #706f6f;}
.subscribe-inner form{float:left; width: 100%;}
.subscribe-inner .text-field{float: left; margin-right:30px; width: 60%; border-radius: 24px; background-color: #fff; border: 0; font-size: 16px; color:#191919; padding:0 20px; height: 48px;}
.subscribe-inner .submit-btn{float: left; padding: 15px 43px; width: 30%; border: 0; background-color: #191919; border-radius: 24px; color: #fff; font-size: 16px; font-family:'akzidenz-grotesk_promedium';}

/*Donate Screen*/
.donate-col{float: left; width: 100%; padding: 140px 0 160px;}
.donate-col .intro-text{float: left; margin: 0 0 90px; padding: 0 6%; width: 70%; color:#191919; font-size: 36px; line-height: 48px; font-family:'akzidenz-grotesk_promedium';}
.donate-col .sub-head{float: left; padding: 0 6%; width: 100%; text-transform: uppercase; color: #0a2764; font-size: 14px; font-family:'akzidenz-grotesk_promedium';}
.donate-block{float: left; width: 100%; margin: 40px 0;}
.donate-block-inner{float: left; width: 48.5%; background-position: left top; background-repeat: no-repeat; background-size: cover; margin-right:3%; background-color: #191919; border-radius: 10px; padding: 120px 4%;}
.donate-block-inner:last-child{margin-right: 0;}
.donate-block-inner h3{float: left; width: 100%; font-size: 48px; margin-bottom: 130px; color: #ffc53a; font-family:'akzidenz-grotesk_promedium';}
.donate-block-inner h3 img{width: auto; height: 40px;}
.donate-block-inner p{float: left; width: 100%; font-size: 20px; color: #fff; margin-bottom: 30px;}
.donate-block-inner a{float: left; width: 100%; border-radius: 24px; background-color: #fff; text-align: center; padding: 15px; color: #2ec4b6; font-size: 16px; font-family:'akzidenz-grotesk_promedium';}
.donate-block-inner a:hover{background-color: #2ec4b6; color: #fff;}
.gift-aid-col{float: left; width: 100%; background-color: #2ec4b6; padding: 110px 0 200px;}
.gift-aid-col h2{float: left; width: 50%; padding-left: 6%; color: #fff; font-size: 96px; font-family:'akzidenz-grotesk_probold';}
.gift-aid-col .right-content{float: right; width: 50%;}
.gift-aid-col p{float: left; width: 100%; color: #fff; font-size: 20px; line-height: 30px; margin-bottom: 30px;}

/*Nation Prison Radio Screen*/
.yellow-bar-intro{float: left; width: 100%; background-color: #ffc53a; padding: 100px 0;}
.yellow-bar-intro h2{float: left; width: 50%; padding-left: 6%; font-size: 36px; line-height: 48px; color: #191919; font-family:'akzidenz-grotesk_promedium';}
.yellow-bar-intro .right-content{float: left; width: 50%; padding-right: 6%; padding-left: 3%;}
.yellow-bar-intro p{float: left; width: 100%; color: #191919; font-size: 20px; margin-bottom: 30px;}
.play-bar{float: left; width: 100%; position: relative; text-align: center; z-index: 9;}
.play-bar .mobile{display: none;}
.play-bar img{position: absolute; left: 50%; bottom: -77px; width: 1000px; margin-left: -500px;}
.play-bar iframe { max-width: 900px }
.play-bar a {display: none}
.detail-intro-text{float: left; width: 100%; padding: 230px 0 160px;}
.detail-intro-text .text-bar{float: left; width: 50%; margin-top:60px; margin-right: 3%;}
.detail-intro-text p{float: left; width: 100%; font-size: 20px; color: #706f6f; margin-bottom: 30px;}
.detail-intro-text figure{float: right; width: 47%; position: relative;}
.detail-intro-text figure img{transition: all .3s ease;}
.detail-intro-text figure img:first-child {border-radius: 30px; width: 80%;}
.detail-intro-text img:last-child {border-radius: 30px; width: 43%; border: 20px solid #fff; position: absolute; right: 0; bottom: -25%;}
.song-request-bar{float: left; width: 100%; position: relative; padding: 60px 0; background-position: left top; background-repeat: no-repeat; background-size: cover;}
.song-request-bar h3{float: left; width: 100%; color: #ffc53a; font-size: 170px; font-family:'akzidenz-grotesk_promedium';}
/* .song-request-bar .player-box{position: absolute; left: 50%; bottom: 180px; text-align: center; width: 1000px; margin-left: -500px;} */
.song-request-bar .player-box{position: relative; left: 50%; bottom: 0; text-align: center; width: 1000px; margin-left: -500px;}
.song-request-bar .player-box img{width: 100%;}
.song-request-bar .player-box .mobile{display:none;}
.list-and-programme{float:left; width: 100%; padding: 60px 0;}
.list-and-programme.gray-bg{background-color: #ededed;}
.list-and-programme .right-logo{float: right; width: 30%;}
.list-and-programme .right-logo img{width: 100%;}
.list-and-programme h3{float: left; width: 65%; padding: 0 6%; font-size: 48px; color: #ffc53a; font-family:'akzidenz-grotesk_promedium';}
.list-and-programme p{float: left; width: 65%; padding: 0 6%; font-size: 20px; color: #706f6f;}
.list-and-programme ul{float: left; width: 100%; margin:40px 0;}
.list-and-programme li{width: 48.5%; margin-right: 3%; margin-bottom: 30px;}
.list-and-programme li:nth-child(2n), .list-and-programme li:last-child{margin-right: 0;}
.list-and-programme li img{width: 100%;}
.list-and-programme .see-all-link{float: left; margin: 0 auto;}
.list-and-programme.gray-bg .see-all-link{width:100%;}
.list-and-programme.gray-bg .see-all-link{text-align: center; margin-left: 0; margin-right: 0;}
.list-and-programme a{border-radius: 24px; color: #191919; padding: 15px 30px; background-color:#ffc53a;}
.list-and-programme a:hover{background-color: #191919; color: #ffc53a;}
.programe-listing li{float: left; width: 22.5%;}
.programe-listing li:nth-child(2n){margin-right: 3%;}
.programe-listing li:last-child{margin-right:0;}
.programe-listing h4{float: left; width: 100%; font-size: 24px; color: #191919; margin-bottom: 10px;}
.programe-listing p{float: left; padding:0; width: 100%; color: #706f6f; font-size: 18px; margin-bottom: 20px;}
.programe-listing a, .programe-listing a:hover{background-color: transparent; padding: 0; float: left; width: 27px;}

.page-template-national-prison-radio .list-and-programme, .page-template-national-prison-radio .list-and-programme .request-listing{background-color: #ededed;}
.page-template-national-prison-radio .list-and-programme .sectionTitle{color: #191919;}
.page-template-national-prison-radio .request-listing{background-color: #191919;}
.page-template-national-prison-radio .request-listing .sectionTitle{color: #ededed;}
.page-template-national-prison-radio .request-listing p{color: #fff;}
.page-template-national-prison-radio .podcast-list li p{color:#fff;text-align: center}
.page-template-national-prison-radio .list-and-programme .see-all-link a{background-color: #191919; color: #fff;}
.page-template-national-prison-radio .rl-styling h3.sectionTitle{font-size: 129px; padding:0;}
.page-template-national-prison-radio .request-listing.rl-styling h3.sectionTitle{font-size: 140px;}

/*Prison radio International*/
.ipr-text{float: left; width: 100%; padding: 60px 0;}
.ipr-text p{float: left; width: 60%; padding: 0 6%; font-size: 18px; color: #191919; }
.ipr-text a.button{float:left; clear:both; margin:40px 6% 0; width: auto; background-color: #da4f34; border-radius: 30px; color: #fff; font-size: 18px; font-family:'akzidenz-grotesk_promedium'; padding: 19px 30px;}
.ipr-text a.button:hover{background-color: #ffc53a; color: #191919;}
.ipr-outer-list, .ipr-list{float:left; width: 100%;}
.ipr-outer-list{background: #191919;padding-bottom: 60px;}
.ipr-list li{width: 22.7%; margin-right: 3%; margin-bottom: 0;}
.ipr-list li a { color: #000;}
.ipr-list li a:hover { text-decoration: underline }
.ipr-list li:nth-child(4n), .ipr-list li:last-child{margin-right:0;}
.ipr-list figure{float: left; width: 100%; border-radius: 10px;}
.ipr-list figure img{width: 100%; height: auto;}
.ipr-list h4{float: left; width: 85%; font-size: 20px; color: #fff; margin-bottom: 0;font-family:'akzidenz-grotesk_promedium';}
.ipr-list p{float:left; width: 100%; color: #706f6f; font-size: 18px; margin-bottom: 30px;}
.ipr-list a{width: auto; float: right;}
.ipr-list a img{float: left; width: 27px; height: auto;}
.return-link{float:left; width: 100%; text-align: left; padding: 60px 7% 0; margin-top:60px; border-top:1px solid #ededed;}
.return-link a{float:left; width: 100%; padding-left: 50px; position: relative; color: #706f6f; font-size: 20px; font-family:'akzidenz-grotesk_promedium';}
.return-link a:after{content:''; position: absolute; left: 0; top:0; background: url('../images/arrow-grey@2x.png') no-repeat left top; width: 32px; height: 22px; background-size: cover;}
.return-link a:hover{text-decoration: underline;}

/*About Screen*/
.about-tabs{float:left; width: 100%; margin-bottom: 41px; position: relative; z-index: 9;}
.about-tabs .container{position: relative;}
.about-tabs-inner{position: absolute; left: 0; top: -57px; float: left; width: 100%;}
.about-tabs a{float:left; width: auto; margin-right:30px; padding-bottom: 30px; position: relative; color: #fff; font-size: 24px; font-family:'akzidenz-grotesk_promedium';}
.about-tabs a:hover, .about-tabs a.active{color: #013263}
.about-tabs a.active:after{content: ''; width: 100%; height: 4px; float: left; position: absolute; left: 0; bottom: 0; background-color: #013263;}
.about-intro-text{float: left; width: 100%; padding: 60px 0 0; position: relative; background-color: #fff; z-index: 9;}
.about-intro-text p{float:left; width: 60%; color: #191919; line-height: 30px; font-size: 20px; margin-bottom: 40px;}
.about-intro-text .sub-head{float:left; width: 100%; margin: 40px 0; color: #0a2764; font-size: 14px; text-transform: uppercase; font-family:'akzidenz-grotesk_promedium';}
.timeline-outer{float: left; width: 100%;padding-top: 60px}
.stem-wrapper{position: absolute; top: 0px; bottom: 0px; left: 11%;}
.stem-wrapper .stem, .stem-wrapper .stem-background{position: absolute; top: 0px; left: -30px; width: 2px;}
.stem-wrapper .stem{background: #e7e7e7; height: 100%;}
.stem-wrapper .stem-background{background: #2ec4b6; height: 50%; transition-duration: 0.5s; transform: translateY(-26px);}
.stem-padding, .single-stem-icon{width: 25px; height: 25px; margin: 0px auto;}
.post-wrapper{float: left; width: 100%; position: relative;}
.post-wrapper .post{position: relative; width: 100%; padding: 0px 0px 60px 0px; float: left; clear: both; opacity: 1; margin-bottom: 0;}
.post-wrapper .post:last-child{padding-bottom: 0;}
.post-wrapper .post .stem-overlay{position: absolute; left: -13px; top: -25px; bottom: 0px; width: 25px;}
.post-wrapper .post .stem-overlay .icon{background-color:#2ec4b6; height: 25px; width: 25px; border-radius: 20em;;}
.post-wrapper .post .stem-overlay .stem-mask{height: 100%; width: 2px; margin-left: 11px; background-color: #e7e7e7;}
.post-wrapper .post .post-content{margin-left:35px; float:left; width:100%;}
.post-content-inner{float: left; width: 400px; margin-right: 30px;}
.post-wrapper .post img{width: auto; max-width: 41%; height: auto;}
.post-wrapper .post:nth-child(even) img{float: left;}
.post-wrapper .post:nth-child(even) .post-content-inner{margin-right: 0; margin-left: 30px;}
.post-content-inner h4{float: left; width: 100%; color: #013263; line-height: 130px; font-size: 150px; font-family:'akzidenz-grotesk_promedium';}
.post-content-inner h5{float: left; margin: 20px 0; width: 100%; color: #191919; font-size: 24px; font-family:'akzidenz-grotesk_promedium';}
.post-content-inner p{float: left; width: 100%; color: #191919; font-size: 16px; line-height: 24px;}
.about-spacer{float: left; width: 100%; position: relative; z-index: 9; background-color: #fff; height:230px;}

.staff-listing{float: left; width: 100%; padding: 60px 0; background-color: #ededed;}
.staff-listing h2{float:left; width:100%; color: #013263; padding: 0 6%; font-size: 180px; font-family:'akzidenz-grotesk_promedium';}
.staff-listing ul{float: left; width: 100%; margin-top:-65px;}
.staff-listing li{float: left; min-height: 130px; margin-bottom: 30px; width: 22.5%; border-top: 2px solid #191919; padding-top:20px; margin-right: 3%; color: #191919; font-size: 18px; text-transform: uppercase;}
.staff-listing li:nth-child(4n), .staff-listing li:last-child{margin-right: 0;}
.staff-listing li strong{float: left; width: 100%; font-size: 24px; text-transform: none; margin-bottom: 10px; font-family:'akzidenz-grotesk_promedium';}
.members-list{float: left; width: 100%; padding: 60px 0;}
.members-list h3{float: left; margin: 0; width: 100%; padding: 0 6%; color: #013263; font-size: 180px; font-family:'akzidenz-grotesk_promedium';}
.members-list ul{float: left; width: 100%; margin-top: 0;}
.members-list li{float: left; width: 22.5%; margin-right: 3%; margin-bottom: 90px;}
.members-list li:nth-child(4n), .members-list li:last-child, .members-list.patrons li:nth-child(3n){margin-right:0;}
.members-list.patrons li{width: 31%;}
.members-list.patrons li:nth-child(4n){margin-right:3%;}
.members-list li figure{float: left; width: 100%; margin-bottom: 20px;}
.members-list li figure img{width: 100%; height: auto;}
.members-list li a{float: left; position: relative; width: 100%; padding-right: 35px; color: #191919; font-size: 18px; text-transform: uppercase;}
.members-list li a:after{content:''; position: absolute; right: 0; top:5px; background:url('../images/arrow-red@2x.png') no-repeat left top; background-size: contain; width: 25px; height: 23px;}
.members-list li strong{float: left; text-transform: none; width: 100%; font-size:24px; margin-bottom: 10px; font-family:'akzidenz-grotesk_promedium'; height:54px; overflow:hidden;}
.bottom-text-bar{float: left; width: 100%; background-color: #fff; padding: 60px 0;}
.bottom-text-bar h3{float:left; width: 50%; color: #0a2764; font-size:14px; letter-spacing: 10px; text-transform:uppercase; font-family:'akzidenz-grotesk_promedium';}
.bottom-text-bar .bottom-inner{float: left; width: 50%;}
.bottom-text-bar p{float: left; width: 100%; color: #191919; font-size: 24px; font-family:'akzidenz-grotesk_promedium'; line-height: 36px; margin-bottom: 40px;}
.bottom-text-bar a{float: left; width: auto; background-color: #ffc53a; border-radius: 30px; padding: 15px 40px; color: #191919; font-size: 24px; font-family:'akzidenz-grotesk_promedium';}
.bottom-text-bar a:hover{background-color: #191919; color: #fff;}

.members-popup-overlay{position: fixed; display: none; z-index: 99; left: 0; top:0; background:#191919; opacity: 50%; width: 100%; height: 100%;}
.members-popup{position: fixed; right: 0; left: 0; margin: auto; top:0; z-index: 99; width: 90%; height: 100%; padding:10px 0;opacity: 0; visibility: hidden;}
.members-popup.show-me {opacity: 1;visibility: visible;display:block !important}
.close-btn{position: absolute; left: -60px; top: 20px; width: 48px; height: 48px; opacity: 0;}
.close-btn .mobile{display: none;}
.close-btn img{width: 100%; height: auto;}
.members-popup figure{float:right; width: 50%; height:100%;}
.members-popup figure img{width: 100%; height: auto; vertical-align: middle;}
.members-popup .popup-content{float:left; overflow-y: auto; height: 90%; width: 50%; background-color: #fff; padding: 50px 3%;}
.members-popup h2{float: left; width: 100%; color: #191919; padding-bottom: 30px; margin-bottom: 30px; text-transform: uppercase; border-bottom: 2px solid #e6e6e6;}
.members-popup h2 strong{float:left; width:100%; font-size: 60px; text-transform: none;}
.members-popup p{float:left; width:100%; margin-bottom: 20px; color: #191919; font-size: 18px; margin-bottom: 30px;}

.carousel{float: left; width: 100%; height: 100%;}
.carousel-inner{height: 100%;}
.carousel-item{background-color: #fff; height: 100%;}
.carousel-control-next, .carousel-control-prev{left: 0; bottom: 0; top:auto; width: 20px; height: 20px; display: block; opacity: 1; color: #e6e6e6;}
.carousel-control-prev{left: 20px; bottom: 20px;}
.carousel-control-next{right: 60%; left: auto; bottom: 20px;}

/*Footer Section*/
footer{float: left; width: 100%; background-size: cover; background-position: center center; background-attachment: fixed; position: relative;}
.yellow-bar, .orange-bar{float: left; width: 100%; position: relative;}
.yellow-bar .yellow-bar-inner, .orange-bar .yellow-bar-inner{z-index:9; position: absolute; float:left; width:96%; left: 2%; top: -85px; background-color: #ffc53a; border-radius: 100px; padding: 40px 70px;}
.orange-bar .yellow-bar-inner{background-color: #da4f34;}
.yellow-bar img, .orange-bar img{float: left; width: 203px; height: auto;}
.yellow-bar .text{float: left; width:52%; margin: 15px 0 0 42px; font-size: 18px; color: #191919;}
.orange-bar .text{float: left; width: 52%; margin: 15px 0 0 42px; font-size: 29px; color: #fff; font-family:'akzidenz-grotesk_promedium';}
.yellow-bar .text strong{font-size: 32px; float:left; margin-bottom: 10px; width:100%; font-family:'akzidenz-grotesk_promedium';}
.yellow-bar a, .orange-bar a{float:right; box-shadow: 0 10px 20px 0 rgba(218, 79, 52, 0.2); width: auto; margin-top: 20px; background-color: #fff; border-radius: 30px; padding: 20px 30px; font-size: 20px; font-family:'akzidenz-grotesk_promedium'; color: #191919;}
.orange-bar a{background-color: #ffc53a; color: #191919; box-shadow: 0 10px 20px 0 rgba(25, 25, 25, 0.2);}
.yellow-bar a:hover, .orange-bar a:hover{background-color: #191919; color: #fff;}
.yellow-bar p, .orange-bar p{float:left; width: 100%; margin: 0;}
.footer-content{float:left; width:100%; padding: 230px 0 135px;}
.footer-col{float: left; width: 250px; margin-right:50px;}
.footer-col:last-child{width: 45%; margin-right:0;}
.footer-col .menu-main-menu-container { padding: 0;}
.footer-col h4{float:left; width:100%; font-size: 20px; font-family:'akzidenz-grotesk_promedium'; color: #706f6f; margin-bottom: 40px;}
.footer-col ul, li{float: left; width: 100%;}
.footer-col li{margin-bottom: 15px;}
.footer-col a{color: #fff; font-size: 18px; font-weight: normal;}
.footer-col a:hover{text-decoration: underline;}
.footer-col div{float: left; width: 100%;}
.footer-col .footer-3{margin-bottom: 30px;}
.footer-col .footer-logo{width: 210px; height: auto; margin-top: 60px;}
.footer-col p{float: left; width: 100%; color: #706f6f; font-size: 18px; margin:20px 0 10px;}
.footer-col .footer-2 a:last-child{margin-top:40px; float: left; clear: both;}
.footer-col .footer-2{color: #fff;}
.menu-follow-us-container li{width: auto; margin-right:5%;}
.menu-follow-us-container li a{float:left; width:20px; height: 20px; text-indent: -999999px;}
.menu-follow-us-container .twitter-icon a{background: url(../images/tw-icon.png) no-repeat left top; float:left; width: 20px; height: 20px;background-size: contain;}
.menu-follow-us-container .linkedin-icon a{background: url(../images/in-icon.png) no-repeat left top; float:left; width: 20px; height: 20px;background-size: contain;}
.footer-col form{float: left; width: 100%;}
.footer-col fieldset{float: left; width: 100%; margin-bottom: 20px;}
.footer-col fieldset:nth-child(2){width: 47%; margin-right: 5%;}
.footer-col fieldset:nth-child(3){width: 48%;}
.footer-col label{width: 100%; color: #fff; font-size: 16px;}
.footer-col input{float: left; color: #fff; width: 100%; background: transparent; border: 1px solid #474747; padding: 0 10px; height: 48px;}
.footer-col textarea{float: left; resize: none; color: #fff; width: 100%; background: transparent; border: 1px solid #474747; padding: 0 10px; height: 136px; overflow-y: auto;}
.footer-col .send-btn{float: left; transition: all .2s ease-in; padding: 15px 20px; background: transparent; width: auto; border: 1px solid #fff; border-radius: 24px; font-size: 16px; color: #fff; font-family:'akzidenz-grotesk_promedium'; margin-right:20px;}
.footer-col .send-btn:hover{background-color: #fff; color: #191919;}
.footer-col form p{float: left; display: contents; margin:0; width: auto; color: #706f6f; font-size: 16px;}
.footer-col form p.policy-text{width: 76%; display: inline-block; float: right; line-height: 22px;}
/*Single*/
.has-post-thumbnail img { height: auto}
/*Animation Class*/
.come-in {transform: translateY(150px); animation: come-in 0.8s ease forwards;}
.come-in:nth-child(odd) {animation-duration: 0.6s;}
@keyframes come-in {
    to { transform: translateY(0); }
}
@keyframes fade {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* --- RESPONSIVE ---*/

@media (min-width: 320px) and (max-width: 767px) {
    .top-menu, .custom-right-menu, .impact-col h2, .close-btn .desktop, .podcast-list li .link, .play-bar .desktop, .song-request-bar .player-box .desktop, .right-request-button, .members-popup figure, .footer-col .footer-1, .footer-col:nth-child(2), .footer-col:last-child, .post-wrapper .post .post-content img{display: none;}
    .custom-menu-outer{padding: 0 5% 150px; top: 150px;}
    .custom-menu, .menu-main-menu-container{background-image: none !important; height: 100vh; padding: 0; width: 100%; background-color: #191919;}
    .custom-menu a, .menu-main-menu-container a {font-size: 24px;}
    .right-request-button.mobile{display:block; position: relative; z-index: 9; width: 90%; text-align: center; margin: 10px 5% 30px; float: left;}
    .banner-content{padding: 208px 0 150px;}
    .banner-content h1{font-size: 48px;}
    .banner-content p{font-size: 24px; width: 100%;}
    .logo{margin: 9px 12px 5px 15px;}
    .mobile-play{display: block;}
    .mobile-play.active{z-index: 99;}
    .inner-banner-col{ background-attachment: initial; transform: none;}
    header.mobile{background-color: #191919;}
    /*Home*/
    .home-video{height: 100vh !important;}
    .video-content{width: 232px;}
    .video-content .work-btn{margin-top: 30px;}
    .about-col{padding: 50px 0;}
    .about-col figure{width: 100%;}
    .about-col figure img:last-child{border-width: 10px;}
    .about-col p{margin: 20px 0;}
    .about-col .right-content{width: 100%; margin-top: 60px;}
    .about-col a{width: 100%; text-align: center; margin-right: 0;}
    .about-col h2{font-size: 24px; line-height: 32px;}
    .impact-col{transform: none;}
    .impact-col h3, .impact-col .count-animation p{font-size: 30px; line-height: 40px;}
    .impact-col .count-animation{height: auto; font-size: 80px; line-height: 75px;}
    .impact-col, .award-list-col{padding: 50px 0;}
    .award-list-col h3{font-size: 30px; line-height: normal;}
    .impact-inner, .award-list-col p{width: 100%;}
    .award-list-col li{width: 41%; margin-right: 50px; margin-bottom: 30px;}
    .award-list-col li:nth-child(2n+2){margin-right: 0;}
    /* .award-list-col li:nth-child(5n), .award-list-col li:last-child{margin-right: 50px;} */
    .latest-news-col .news-content{width: 100%; padding: 0 15px;}
    .latest-news-col .news-content p{margin: 20px 0 ;}
    .home-slider{width: 90%; margin-top: 20px;}
    .slick-prev, .slick-next{display: none !important;}
    .bbc-list-col, .latest-news-col{padding: 50px 0;}
    .bbc-list-col p{width: 100%;}
    .bbc-list-col li{width: 41%; margin-right: 50px; margin-bottom: 50px;}
    .bbc-list-col li:nth-child(2n){margin-right: 0;}

    /*About*/
    .about-tabs{padding: 0 15px;}
    .about-intro-text{padding-top: 50px;}
    .about-intro-text p{font-size: 24px; width: 100%; line-height: 36px;}
    .about-intro-text .sub-head{margin-top: 40px;}
    .post-content-inner h4{font-size: 96px; line-height: 75px;}
    .post-content-inner, .post-wrapper .post:nth-child(even) .post-content-inner{width: 100%; margin-left: 0; margin-right: 0;}
    .post-wrapper .post .post-content{padding-left: 35px; margin-left: 0;}
    .about-spacer{height: 100px;}
    .staff-listing ul{margin-top: -20px;}
    .staff-listing{padding: 50px 0;}
    .staff-listing h2{font-size: 56px; padding: 0;}
    .staff-listing li{width: 100%; margin-right:0; min-height: auto; padding-top: 10px;}
    .members-list{padding: 50px 0;}
    .members-list h3{font-size: 56px; padding: 0;}
    
    .members-list li, .members-list.patrons li{width: 100%; margin-right:0; margin-bottom: 30px;}
    .members-list li a{line-height: 30px;}
    .bottom-text-bar{padding: 50px 0;}
    .bottom-text-bar h3, .bottom-text-bar .bottom-inner{width: 100%;}
    .bottom-text-bar h3{letter-spacing: 4px; margin-bottom: 25px;}
    .bottom-text-bar a{width: 100%; text-align: center; font-size: 16px;}
    .members-popup{width: 100%; padding: 0;}
    .close-btn{left: 10px; top: 10px; z-index: 9;}
    .close-btn .mobile{display: block;}
    .members-popup .popup-content{width: 100%; padding-top:0; padding-bottom: 0; height: 80%; margin-top: 20%;}
    .members-popup h2 strong{font-size: 48px;}
    .carousel-control-next{right: 10%;}
    /*Production*/
    .get-in-touch-bar{background-color: #2ec4b6;}
    .get-in-touch-bar .heading, .get-in-touch-bar p{width: 100%;}
    .get-in-touch-inner{position: initial; margin-top:0; width: 100%; border-radius: 0; padding: 50px 0;}
    .get-in-touch-bar a{width: 100%; margin-top: 15px; text-align: center;}
    .podcast-content-col, .podcast-content-col.blue-bg{padding: 50px 0;}
    .podcast-content-col.black-bg{padding-top: 50px;}
    .podcast-content-col h2{font-size: 43px; padding: 0; line-height: 60px;}
    .podcast-content-col.black-bg h2{padding-bottom: 70px;}
    .podcast-content-col.black-bg h2:after{left: 0; right: auto;}
    .podcast-list{margin-top: 0;}
    .podcast-content-col .all-post-btn{width: 100%; text-align: center;}
    .podcast-content-col.blue-bg li a:before{background-color: #fff;}
    .podcast-content-col.blue-bg li a:after{background: url('../images/video-icon-white@2x.png') no-repeat left top; background-size: contain;}
    .podcast-content-col.black-bg li a:before{background-color: #da4f34;}
    .podcast-content-col.black-bg li a:after{background: url('../images/music-icon-red-mb@2x.png') no-repeat left top; background-size: contain;}
    .podcast-list li .link:hover, .podcast-content-col.blue-bg li a:hover, .podcast-content-col.black-bg li a:hover{padding-right: 0; background-color: transparent; border-color: transparent;}
    /*Podcast*/
    .podcast-content-col.podcast-list-detail{padding: 50px 0;}
    .podcast-content-col.podcast-list-detail .intro-text{width: 100%; padding: 0;}
    .podcast-content-col .sub-head{width: 100%; padding: 0; font-size: 14px;}
    .podcast-content-col.podcast-list-detail .podcast-list{margin-top: 46px;}
    .podcast-list li{width: 48%;}
    .podcast-list li:nth-child(2n){margin-right: 0;}
    .podcast-list li figure{margin-bottom: 10px;}
    .podcast-list li figure a:before{content:''; position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px; width: 48px; height: 48px; background-color: #ffc53a;border-radius: 30em;}
    .podcast-list li figure a:after{content:''; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; width: 21px; height: 17px; background: url('../images/music-icon-yellow-copy@2x.png') no-repeat left top; background-size: contain;}
    .podcast-content-col.podcast-list-detail .podcast-list li p, .podcast-list li p {font-size: 18px; margin-bottom: 0;}
    .podcast-list li p.sml {font-size: 16px !important; width: 100%;margin-top: 15px}

    /*Donate*/
    .donate-col{padding: 60px 0 0;}
    .donate-col .intro-text{width: 100%; padding: 0; font-size: 24px; line-height: 36px; margin-bottom: 50px;}
    .donate-col .sub-head{padding: 0;}
    .donate-block{margin: 20px 0 0;}
    .donate-block-inner{width: 100%; margin-right:0; padding-top: 40px; padding-bottom: 40px; margin-bottom: 30px;}
    .donate-block-inner h3{margin-bottom: 30px; font-size: 36px;}
    .donate-block-inner p{line-height: 30px;}
    .gift-aid-col{padding: 50px 0;}
    .gift-aid-col h2{width: 100%; font-size: 48px; padding-left: 0; margin-bottom: 15px;}
    .gift-aid-col .right-content{width: 100%;}
    /*News*/
    .news-and-updates h1{font-size: 48px; line-height: 60px;}
    .news-list{margin-top: 35px;}
    .news-list li{margin-bottom: 60px;}
    .news-list figure{width: 100%;}
    .news-list .text-col{margin-left: 0; width: 100%; margin-top: 20px;}
    .news-list .text-col h3{font-size: 24px;}
    .content-detail-page .date{padding: 0;}
    .content-detail-page img{width: 100%;}
    .subscribe-box{padding: 0; margin-top: 40px;}
    .subscribe-inner{padding: 50px 15px;}
    .subscribe-inner p{font-size: 16px;}
    .subscribe-inner .text-field{margin-right: 0; width: 100%;}
    .subscribe-inner .submit-btn{width: 100%; margin-top: 10px;}
    /*National*/
    .yellow-bar-intro{padding: 50px 0;}
    .yellow-bar-intro h2{padding-left: 0; font-size: 24px; line-height: 36px; width: 100%;}
    .yellow-bar-intro .right-content{width: 100%; padding: 0;}
    .yellow-bar-intro p, .detail-intro-text p{line-height: 30px;}
    .detail-intro-text{padding: 50px 0;}
    .detail-intro-text figure{width: 100%;}
    .detail-intro-text img:last-child{border-width: 10px;}
    .detail-intro-text .text-bar{width: 100%; margin-right:0;}
    .song-request-bar{padding: 80px 0 115px;}
    .song-request-bar h3{font-size: 56px; line-height: 60px;}
    .song-request-bar .player-box{width: 290px; position: relative; bottom: 18px; left: 0; margin: 0 auto;}
    .song-request-bar .player-box .mobile{display: block;}
    .list-and-programme{padding: 50px 0;}
    .list-and-programme .right-logo{float: left; width: 50%;}
    .list-and-programme h3{font-size: 36px; padding: 0; width: 100%; line-height: 48px;}
    .list-and-programme p{width: 100%; padding:0; line-height: 30px;}
    .list-and-programme li{width: 100%; margin-right: 0; margin-bottom: 15px;}
    .list-and-programme .see-all-link{margin-left: 0; margin-right: 0; width: 100%;}
    .list-and-programme a{width: 100%; text-align: center; float: left;}
    .programe-listing li{margin-bottom: 40px;}
    .programe-listing figure{float:left; width:100%;}
    .programe-listing p{line-height: initial;}
    .programe-listing a, .programe-listing a:hover{width: 27px;}
    /*International*/
    .banner-content h1 img{max-width: 173px;}
    .play-bar{background-color: #e9e9e9; padding: 65px 0;}
    .ipr-text{padding: 50px 0;}
    .ipr-text p{width: 100%; padding: 0;}
    .ipr-text a{width: 100%; margin-left: 0; margin-right: 0; text-align: center;}
    .ipr-outer-list{margin-bottom: 50px;}
    .ipr-list li{width: 100%; margin-right: 0; margin-bottom: 30px;}
    .ipr-list p{line-height: 28px;}
    .play-bar .mobile{float: left; width: 100%; text-align: center; display: block;}
    .play-bar .mobile figure{width: 220px; position: relative; margin: 0 auto 20px;}
    .play-bar .mobile figure:after{content:''; position: absolute; left: 67px; top:65px; width: 80px; height: 90px; background:url('../images/play@2x.png') no-repeat left top; background-size: contain;}
    .play-bar .mobile figure img{width: 100%; height: auto; position: initial; margin-left: 0;}
    .play-bar .mobile p{width: 220px; margin: 0 auto; text-align: left; font-size: 14px; color: #706f6f; font-family:'akzidenz-grotesk_proregular';}
    .play-bar .mobile p strong{font-size: 18px; color: #191919;}
    /*Contact*/
    .contact-us-col{padding: 50px 0 40px;}
    .contact-us-col .intro-text{width: 100%; font-size: 24px; line-height: 36px;}
    .contact-us-form fieldset:nth-child(2), .contact-us-form fieldset:nth-child(3){width: 100%;}
    .contact-us-form .send-btn{width: 100%; text-align: center;}
    /*Detail*/
    .content-detail-page{padding: 90px 0 60px;}
    .content-detail-page h1{font-size: 32px; line-height: 44px; padding:0;}
    .content-detail-page p{font-size: 20px; line-height: 30px; padding-left: 0; padding-right:0;}
    .return-link{margin-top: 30px; padding-left: 0; padding-right:0;}
    /*Footer*/
    .yellow-bar .yellow-bar-inner, .orange-bar .yellow-bar-inner{width:100%; position: relative; top:0; left: 0; padding-left: 0; padding-right: 0; border-radius: initial;}
    .yellow-bar{background-color: #ffc53a;}
    .orange-bar{background-color: #da4f34;}
    .yellow-bar .text, .orange-bar .text{width: 100%; margin-left: 0;}
    .yellow-bar .text strong, .orange-bar .text{font-size: 28px;}
    .yellow-bar a, .orange-bar a{width: 100%; text-align: center;}
    footer{background-attachment:local; transform: none;}
    .footer-content{padding: 50px 0;}
    .footer-col{margin-right:0;}

    .page-template-national-prison-radio .rl-styling h3.sectionTitle{font-size: 40px;}
    .page-template-national-prison-radio .request-listing.rl-styling h3.sectionTitle{font-size: 43px;}
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {transform: rotate(-90deg); transform-origin: left top; width: 100vh; overflow-x: hidden; position: absolute; top: 100%; left: 0;}
  .inner-banner-col, .impact-col, footer{transform: none;}
}
@media (min-width: 768px){
	.mobile-play{display:none !important;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .impact-col h2, .members-popup figure, .footer-col .footer-1, .footer-col:nth-child(2), .footer-col:last-child{display: none;}
    .inner-banner-col, .impact-col, footer{transform: none;}
    .custom-menu a, .menu-main-menu-container a {font-size: 34px;}
    .bottom-social-link{width: 75%;}
    .home-video{height: 100vh !important;}
    .about-col, .impact-col{padding:50px 15px;}
    .about-col figure, .impact-inner, .award-list-col p{width: 100%;}
    .about-col .right-content{width: 100%; margin-top: 160px;}
    .award-list-col, .latest-news-col{padding: 50px 0;}
    .latest-news-col .news-content{width: 100%;}
    .home-slider{width: 90%;}
    .bbc-list-col{padding:50px 0;}
    .bbc-list-col p{width: 100%;}
    .bbc-list-col li{width: 21%; margin-bottom: 40px;}
    
    .get-in-touch-bar{background-color: #2ec4b6;}
    .get-in-touch-bar .heading, .get-in-touch-bar p{width: 100%;}
    .get-in-touch-inner{position: initial; margin-top:0; width: 100%; border-radius: 0; padding: 50px 0;}
    .get-in-touch-bar a{width: 100%; margin-top: 15px; text-align: center;}
    .podcast-content-col{padding: 50px 0;}
    .podcast-content-col h2{font-size: 102px;}
    .podcast-list li{width: 48%;}
    .podcast-list li:nth-child(2n){margin-right: 0;}
    
    .post-content-inner{margin-top: 20px;}
    .staff-listing li{width: 48%;}
    .staff-listing li:nth-child(2n){margin-right: 0;}
    .members-list h3{font-size: 155px;}
    .members-list li, .members-list.patrons li{width: 48%;}
    .members-list li:nth-child(2n), .members-list.patrons li:nth-child(2n){margin-right: 0;}
    .members-list.patrons li:nth-child(3n){margin-right: 3%;}
    .members-list li a{min-height: 60px;}
    .members-popup .popup-content{width: 100%;}
    .bottom-text-bar{padding: 80px 0;}
    .bottom-text-bar h3, .bottom-text-bar .bottom-inner{width: 100%;}
    .members-list.patrons{padding-top:0;}

    .play-bar img{width: 700px; margin-left: -350px; bottom: -35px;}
    .detail-intro-text{padding: 150px 0;}
    .detail-intro-text figure{float: left; width: 100%;}
    .detail-intro-text .text-bar{width: 100%; margin-right: 0; margin-top: 160px;}
    .detail-intro-text img:last-child{width: 52%;}
    .song-request-bar h3{font-size: 99px;}
    .song-request-bar .player-box{width: 700px; margin-left: -350px;}
    .list-and-programme h3, .list-and-programme p{padding: 0;}
    .list-and-programme .see-all-link{margin-left: 0;}

    .news-and-updates h1{font-size: 85px;}
    .news-list figure{width: 100%;}
    .news-list .text-col{width: 100%; margin-left: 0; margin-top: 20px;}
    .yellow-bar-intro{padding: 60px 0;}
    .yellow-bar-intro h2{padding-left: 0; width: 100%; margin-bottom: 40px;}
    .yellow-bar-intro .right-content{width: 100%; padding-left: 0; padding-right: 0;}


    /*Footer*/
    .yellow-bar .yellow-bar-inner, .orange-bar .yellow-bar-inner{width:100%; position: relative; top:0; left: 0; padding-left: 0; padding-right: 0; border-radius: initial;}
    .yellow-bar{background-color: #ffc53a;}
    .orange-bar{background-color: #da4f34;}
    .yellow-bar .text, .orange-bar .text{width: 100%; margin-left: 0;}
    .yellow-bar .text strong, .orange-bar .text{font-size: 28px;}
    .yellow-bar a, .orange-bar a{width: 100%; text-align: center;}
    footer{background-attachment:local;}
    .footer-content{padding: 50px 0;}
    .footer-col{margin-right:0;}

    .page-template-national-prison-radio .rl-styling h3.sectionTitle{font-size: 80px;}
    .page-template-national-prison-radio .request-listing.rl-styling h3.sectionTitle{font-size: 86px;}

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .inner-banner-col, .impact-col, footer{transform: none;}
}

@media (min-width: 1024px) and (max-width: 1198px) {
    .video-content{left: 6%;}
    .scroll-link{left: 4%;}
    .about-col, .impact-col{padding-left: 6%; padding-right: 6%;}
    .latest-news-col .news-content{padding-left: 6%;}
    .impact-col .count-animation{height:420px;}
    .custom-menu a, .menu-main-menu-container a {font-size: 41px;}
    .bottom-social-link{width: 55%;}
    .about-col h2{line-height: normal; font-size: 36px;}
    .yellow-bar img{width: 180px;}
    .yellow-bar .text{width: 40%; margin-left: 5%;}
    .podcast-list li a:after, .podcast-list li a:after{top:21px;}
    .stem-wrapper{left: 72px;}
    .post-wrapper .post .stem-overlay{left: -16px;}
    .song-request-bar h3{font-size: 143px;}
    .song-request-bar .player-box{width: 960px; margin-left: -480px;}
    .orange-bar .text{width: 47%;}
    .podcast-content-col h2{font-size: 145px;}
    .right-content-col h2{font-size: 70px;}
    .close-btn{width: 40px; height: 40px;}
    .members-list.patrons{padding-top:0;}
    .members-popup figure img{width: auto; height: auto;}
    .footer-col:last-child{width: 35%;}
    .footer-col fieldset:nth-child(2), .footer-col fieldset:nth-child(3){width: 100%; margin-right: 0;}
	.footer-col form p.policy-text{width:100%; margin-bottom:15px;}

    .page-template-national-prison-radio .rl-styling h3.sectionTitle{font-size: 107px;}
    .page-template-national-prison-radio .request-listing.rl-styling h3.sectionTitle{font-size: 115px;}
}