*,:after,:before{box-sizing:border-box}body{padding:0;font-size:14px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}code,pre{font-size:inherit;color:#333;background:#fafafa;font-family:Consolas,Courier,monospace}pre{overflow:auto;padding:1rem;border:1px solid #eee}.introo{min-height:500px;padding-top:20px;position:relative;background:transparent url(https://doravelinaximolo.lol/assets/front/podcast/img/bg.jpg) 50%}.introo .blur{height:100%;position:absolute;opacity:.38;top:0;background-color:#000;left:0;width:100%}.introo .top-header{justify-content:space-between;position:relative;align-items:center;width:100%;display:flex}.introo .top-header .header-logo{max-width:200px;width:100%}.introo .top-header .header-logo img{height:auto;width:120%;display:block}.introo .top-header .header-lang{text-decoration:none;font-weight:700;right:0;color:#fff;position:absolute;padding-right:15px;text-align:end;top:1%;width:20%}.introo .top-header .header-lang:hover{transform:scale(1.1)}.introo .header-desc{padding:0 10% 20px;color:#fff;position:relative;text-align:center;margin-top:70px;z-index:500}.introo .header-desc h2{font-size:50px;margin-bottom:20px;text-transform:uppercase;text-align:center}.introo .header-desc p{padding-top:26px;font-size:18px;color:#d1d7e1;text-align:left}.introo .header-desc .header-filter{height:40px;padding:0;justify-content:center;align-items:center;margin-top:50px;display:flex}.introo .header-desc .header-filter p{font-size:14px;margin:auto 0;width:30%}.introo .header-desc .header-filter .header-filter-box{height:40px;position:relative;background-color:#222;border-radius:30px;width:50%;display:flex}.introo .header-desc .header-filter .header-filter-box .header-filter-ul{list-style:none;height:100%;padding:0;justify-content:space-around;font-size:14px;align-items:center;width:100%;display:inline-flex}.introo .header-desc .header-filter .header-filter-box .header-filter-ul li{height:100%;justify-content:center;transition:.5s;background-color:#222;align-items:center;border-radius:30px;cursor:pointer;width:50%;display:flex}.introo .header-desc .header-filter .header-filter-box .header-filter-ul li:hover{transform:scale(1.05)}.introo .header-desc .header-filter .header-filter-box .header-filter-ul .active{transition:.5s;background-color:#1c355f}.introo .header-desc .header-search{height:40px;padding:5px;background-color:#222;margin:50px auto;border-radius:25px;width:90%;display:flex}.introo .header-desc .header-search i{margin:auto;width:5%}.introo .header-desc .header-search input{border:none;color:#fff;background-color:transparent;margin:auto;width:80%}.introo .header-desc .header-search input:focus{outline:none}.introo .header-desc .header-search .header-search-btn{font-size:12px;transition:.5s;background-color:#1c355f;border-radius:15px;cursor:pointer;width:15%}.introo .header-desc .header-search .header-search-btn:hover{transform:scale(1.1)}.pop-up-main{display:none}.pop-up-main .pop-up-blur{height:100%;position:fixed;opacity:.8;top:0;background-color:#000;left:0;width:100%}.pop-up-main .pop-up{height:50%;padding:15px 30px;position:fixed;opacity:98%;top:25%;background-color:#fff;border-radius:25px;left:10%;width:80%}.pop-up-main .pop-up .pop-up-close-div{height:7%;justify-content:end;display:flex}.pop-up-main .pop-up .pop-up-close-div img{cursor:pointer}.pop-up-main .pop-up .pop-up-close-div img:hover{transform:scale(1.2)}.pop-up-main .pop-up .pop-up-date{height:7%}.pop-up-main .pop-up .pop-up-title{height:7%;font-weight:700}.pop-up-main .pop-up .scroll-content{height:60%;overflow-y:auto;overflow-x:hidden;margin-bottom:1%}.pop-up-main .pop-up .pop-up-bottom{height:7%;font-weight:700}.pop-up-main.active{display:block}.podcasts{margin-bottom:200px;margin-top:20px}.podcasts h2{font-weight:700}.podcasts #card_list{justify-content:flex-start}.podcasts #card_list .podcast-box-out{padding:0 10px}.podcasts #card_list .podcast-box-out .podcast-box{height:370px;padding:10px 8px;border:1px solid #1c355f;position:relative;background-color:#fff;border-radius:10px;margin-top:30px}.podcasts #card_list .podcast-box-out .podcast-box .podcast-date{height:10%;color:#222}.podcasts #card_list .podcast-box-out .podcast-box .podcast-title{height:25%;font-size:16px;font-weight:700;color:#1c355f}.podcasts #card_list .podcast-box-out .podcast-box .podcast-content{height:45%;overflow:hidden;font-size:14px;margin-bottom:15%;color:#000;max-width:100%;max-height:75px;-webkit-box-orient:vertical;cursor:pointer;line-height:25px;-webkit-line-clamp:3;display:-webkit-box}.podcasts #card_list .podcast-box-out .podcast-box .podcast-content:hover{transform:scale(1.01)}.podcasts #card_list .podcast-box-out .podcast-box .podcast-bottom{border-bottom-right-radius:8px;border-bottom-left-radius:8px;height:15%;padding:10px 8px;position:absolute;bottom:0;background-color:#1c355f;left:0;width:100%}.podcasts #card_list .podcast-box-out .podcast-box .podcast-bottom p{font-size:12px;font-weight:700;color:#fff}.podcasts #card_list .podcast-box-out .podcast-box .podcast-bottom .podcast-play{position:relative}.podcasts #card_list .podcast-box-out .podcast-box .podcast-bottom .podcast-play img{height:48px;right:10px;transition:all .2s ease-in-out;position:absolute;bottom:25px;cursor:pointer;width:48px}.podcasts #card_list .podcast-box-out .podcast-box .podcast-bottom .podcast-play img:hover{transform:scale(1.3)}.podcasts #card_list .podcast-box-out .podcast-box .podcast-bottom .podcast-play.playing img{content:url(../img/skip-start-circle-fill.png)}@media(max-width:768px){.introo .header-desc .header-search .header-search-btn{width:25%}}@media(max-width:540px){.introo{min-height:350px}.introo .top-header .header-logo img{width:100%}.introo .header-desc{margin-top:20px}.introo .header-desc h2{font-size:32px;margin-bottom:0}.introo .header-desc p{font-size:10px}}