* {box-sizing: border-box;}
body{margin: 0;padding: 0;font-size: 16px;}

.container {margin:0 auto;}
.row::after {content: "";clear: both;display: table;}
.row{display: -ms-flexbox;display: -webkit-flex; display: flex;flex-wrap: wrap;align-items:center;padding: 10px 0;}

.no-gutter [class*="col-"] {padding: 0;}
.col-1 {width: calc(1 / 12 * 100%);}
.col-2 {width: calc(2 / 12 * 100%);}
.col-3 {width: calc(3 / 12 * 100%);}
.col-4 {width: calc(4 / 12 * 100%);}
.col-5 {width: calc(5 / 12 * 100%);}
.col-6 {width: calc(6 / 12 * 100%);}
.col-7 {width: calc(7 / 12 * 100%);}
.col-8 {width: calc(8 / 12 * 100%);}
.col-9 {width: calc(9 / 12 * 100%);}
.col-10 {width: calc(10 / 12 * 100%);}
.col-11 {width: calc(11 / 12 * 100%);}
.col-12 {width: calc(12 / 12 * 100%);}
[class*="col-"] {padding: 15px;}


.header {position:relative;width: 100vw;height: 95vh;min-height:768px;background: #000;z-index: 0;}
.header:before {content:"";position:absolute;background: url(../images/podcast-banner.jpg) no-repeat top center;width:100%;height:100%;background-size: cover;top: 0;z-index: -1;opacity:.3;background-attachment: fixed;
}


.logo > a > div > img {width:170px;max-width:100%;} .logo > a > div:nth-child(2) > img {width:35px;}
.logo > a > div:nth-child(1){border-right:solid 1px #585858;padding-right:20px;}
.logo > a > div:nth-child(2){padding:0 10px;}
.logo > a {color:#fff;text-decoration:none;display:inline-flex;align-items:center;}
.logo > a > div> span {margin-top:10px;text-decoration:none;font-size:13.5px;letter-spacing:1px;display:block;}
.logo > a > div> span > img {width:80px;}
.banner-ct {margin-top:50px;width:85%;}
.banner-ct h1 {color:#ecb03d;font-size:35px;font-weight:700;line-height:45px}
.banner-ct p {color:#d0d0d0;font-size:16px;line-height:25px;margin: 0;padding-bottom: 25px;}
.h2-tag {font-size:25px;font-weight: 700;/*padding-bottom:20px;*/margin-top:0;line-height: 45px;} .attrition {display:none;}
.banner-podcast{width:100%;}
.white {color:#e4e4e4;}
.ifr {width:100%;height:180px;}
.pad1 {padding:40px 0;}
.hglt1 {background:#f1f1f1;}
.div-podcast {/*margin-top: 30px;*/display:flex;justify-content:center;flex-wrap:wrap;} .max-wdt1{max-width:70px !important;} .txt-hglt {color:#4be6ff !important;}
.div-podcast > span{display:inline-block;padding:15px;background:#fff;margin:5px;line-height:3;}
.div-podcast > span > a> img {width:100%;} 
.div-podcast > span > a:link, .div-podcast > span > a:visited {display: block;transition: all .3s ease-in-out}
.div-podcast > span > a:hover{transform:scale(1.05);}
.algn-top {align-items:flex-start;}
a.btn-events{display:inline-block;background:#f00;color:#fff;padding:15px 25px;font-size:18px;margin-top:10px;transition:all ease-in-out .3s;}
a.btn-events:hover {text-decoration:none;background:#d01515;}
a.btn-yel{display:inline-block;background:#f7b53d;color:#000;padding:15px 25px;font-size:18px;margin-top:10px;transition:all ease-in-out .3s;}
a.btn-yel:hover {text-decoration:none;background:#fdcd76;}
.brdr-l1 {border-left:solid 3px #d8d8d8;}
.sec-parallax {position:relative;background: #000;z-index: 0;}
.sec-parallax:before {content:"";position:absolute;background: url(../images/podcast-banner.jpg) no-repeat top center;width:100%;height:100%;background-size: cover;background-attachment: fixed; top: 0;z-index: -1;opacity:.3;
}
.box1 {width:100%;padding:30px;}
#secPodcastZone, #secListenPodcast, #secSuggestTopic {display:none;}

.form-suggest {margin-top:50px !important;width: 500px !important;display: none;}
.form-con {background: #fff;padding: 20px;border-radius: 6px;width:100%;margin:0 auto;-webkit-box-shadow:0 0 3px 0 #ddd;box-shadow:0 0 3px 0 #ddd;}
.form-con.form-fixed {position:fixed;width: 300px;top: 100px;}
.thanks, .sugThanks{display:none;font-size: 20px;color: #129c36;vertical-align: middle;margin: 138px auto;text-align: center;line-height:35px;}
h2.thanks > span {display:block;font-size:16px;color:#505050;font-weight:normal;margin-top:15px;line-height:30px;}

.form-div h2, .form-div p{margin:0;color:#fff;} .form-div p{font-size: 12px;line-height: 20px;padding: 15px 0;} .form-sec {margin-top:25px;}
.input-row {padding:7px 0;}
.input-row input, .input-row select, .input-row textarea{width:100%;border:solid 1px #ececec;border-radius:6px;padding:5px 10px ;outline:none;height:40px;box-sizing:border-box;background:#fff;font-size:13px;transition:all .3s ease-in-out;-moz-appearance:none;-webkit-appearance:none;}
.input-row textarea{height:90px;resize: none;}
.input-row input:hover, .input-row select:hover, .input-row textarea:hover{-webkit-box-shadow:0 0 5px 0 #e6e6e6;box-shadow:0 0 5px 0 #e6e6e6;}
.input-row input[type="submit"]{background:#ec1131;color:#fff;margin-top:10px;font-size:15px;font-weight:700;cursor:pointer;}

ul.flex-ul {display:flex;flex-wrap: wrap;width: 100%;justify-content:center;}
ul.flex-ul > li {padding:10px;margin:5px;width: 40%;/*box-shadow:0 0 2px 0 #ddd;*/position:relative;box-sizing:border-box;}
.lined-ct {display:none;transition:all 1s ease-in-out;border-bottom:solid 1px #dedede;}
/*ul.flex-ul > li:hover {-webkit-box-shadow:0 0 2px 0 #ddd;box-shadow:0 0 2px 0 #ddd;}
ul.flex-ul > li:hover .lined-ct{display:block;}*/
.lined-ct > p {font-size:12px;margin:0;padding:10px;}
ul.flex-ul > li > h3 {display:flex;align-items: center;font-size: 13px;font-weight: 600;line-height: 23px;margin: 0;border-bottom:solid 1px #ececec;padding-bottom:10px;}
ul.flex-ul > li > h3 > img {width: 40px;height: 40px;margin-right: 10px;}
ul.flex-ul > li > span {display:block;font-size:13px;font-style:italic;}


.ul-podcast > li {padding:10px 10px 20px 10px;position:relative;}
.locked {pointer-events:none;opacity: .7;cursor: not-allowed;}
.locked:before {content:"";background:url(../images/lock.svg) no-repeat top center;width:30px;height:30px;position:absolute;z-index:2;left:27px;bottom:85px}
.active-podcast {background:#7a7a7a;border-radius:10px;}

.episode-detail p {margin:0;font-size:14px;color:#5d5d5d;}
.episode-detail.act-det p {color:#fff;}


.lined-head {display:flex;}
.lined-head > div:nth-child(1) {margin-right:20px;width:50px;}
.lined-head > div:nth-child(1) > img {width:35px;position:relative;top:5px;}
.lined-head > div:nth-child(2) > p {font-size:13px;margin:0;font-style:italic;color:#84868a;}
.lined-head > div:nth-child(2) > p > span {color:#ff8613;cursor:pointer;position:relative;}
.lined-head > div:nth-child(2) > p > span:hover {color:#000;}
.lined-head   h3 {font-size: 14px;font-weight: 600;line-height: 23px;margin: 0;}
.more-info:after {content:"";position:absolute;right: -12px;top: 5px;border: solid #ffa55f;border-width: 0 2px 2px 0;display: inline-block;padding: 2px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.foot-copy {font-size:12px !important;background:#fff;}

@media screen and (max-width: 768px) {
	[class*="col-"] {width: 100%;}  .form-suggest {width:90% !important;} .logo { text-align:center;} .banner-ct {text-align:center;width:100%;}
.form-con.form-fixed {position:relative;width: 90% !important;top:0;}
ul.flex-ul > li {width:95% !important;}
}
@media screen and (max-width: 1024px) {
	.header {height:100%;}
}
@media screen and (max-width: 1025px){
.logo { margin: 0 auto;}
.banner-ct h1 {font-size:30px;line-height:40px;padding-bottom:15px;}
.banner-podcast {margin:0 auto;margin-bottom:20px;}
.form-con.form-fixed {width:255px;}
ul.flex-ul > li {width:46.5%;}
}
/*@media (min-width: 1200px) {
.container {max-width:1115px;}
}
@media (min-width: 1400px) {
.container {max-width:1315px;}
}*/