.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background: #fff;
}
.sk-folding-cube {
    margin: 20% auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
            transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
            transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}

@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}






/* Coding */
@font-face {
font-family: "Nexa Light";
src: url('https://cdn2.hubspot.net/hubfs/2360104/Nexa%20Font/nexa_light.ttf')
}
@font-face {
font-family: "Nexa Bold";
src: url('https://cdn2.hubspot.net/hubfs/2360104/Nexa%20Font/nexa_bold.ttf')
}
::selection {
background: #87c9b7;
color: #fff
}

::-moz-selection {
background: #87c9b7;
color: #fff
}

::-webkit-scrollbar {
width: 5px;
}

::-webkit-scrollbar-track {
background: #f2f2f2;
}

::-webkit-scrollbar-thumb {
background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
background: #87c9b7;
}


* {
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
color: #000;
outline: none;
}
input {
    outline: none;
}

.podcast-app {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.podcast-app > .podcast-app-wr {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Header */
header {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 80px;
background: #fff;
z-index: 100;
}
header > .header-wr {
position: relative;
float: left;
width: 100%;
height: 100%;
}
header > .header-wr > a >.logo {
position: absolute;
top: 0;
left: 0;
width: 400px;
height: 100%;
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/nphoto-podcast-logo.svg');
background-repeat: no-repeat;
background-size: 350px;
background-position: 20px 8px;
}
header > .header-wr > .menu {
position: absolute;
right: 0;
top: 0;
width: calc(100vw - 400px);
height: 100%;
}

header > .header-wr > .menu > .search {
float: left;
width: 400px;
height: 100%;
display: none;
}
header > .header-wr > .menu > nav {
float: right;
width: auto;
height: 100%;
}
header > .header-wr > .menu > nav > ul > li {
position: relative;
float: left;
}
header > .header-wr > .menu > nav > ul > li > a > .nav-btn {
float: left;
margin: 22px 20px 0 10px;
padding: 10px 20px 6px;
font-size: 18px;
text-transform: uppercase;
font-family: "Nexa Bold";
transition: all 0.2s;
}
header > .header-wr > .menu > nav > ul > li > a > .nav-btn:hover {
color: #8fd5bd;
transition: all 0.2s;
}
/* End Header */


/* Podcast Listing */
.podcast-listing {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 80px);
}
.podcast-listing > .podcast-listing-wr {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    background: #f2f2f2;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr {
    display: block;
    margin: 0 auto;
    width: 130%;
    height: 100%;
    padding: 1% 40% 80px 10%;
    overflow: scroll;
}
.podcast-listing > .podcast-listing-wr > .scrollbar {
    position: absolute;
    width: 5px;
    height: calc(100% - 100px);
    background-color: #e2e0e0;
    right: 3px;
}
.podcast-listing > .podcast-listing-wr > .scrollbar .scroll {
    width: 100%;
    height: 0%;
    display: block;
    position: absolute;
    background-color: #b8b3b3;
    transition: top 0s linear;
    cursor: default;
}
.podcast-listing > .podcast-listing-wr > .scrollbar .scroll:hover, .scrollbar .scroll:active {
    background-color: #87c9b7;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast {
    float: left;
    width: calc(50% - 10px);
    height: 300px;
    border-radius: 20px;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 0px rgba(0,0,0,0);
    transition: all 0.4s;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:hover {
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    transition: all 0.4s;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:nth-child(odd){
    margin-right: 10px;
    margin-bottom: 20px;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:nth-child(even) {
    margin-left: 10px;
    margin-bottom: 20px;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .thumb {
    float: left;
    width: 240px;
    height: 240px;
    border-radius: 10px;
    border: 0;
    overflow: hidden;
    display: inline-block;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .thumb > .zoomimg {
    width: 100%;
    height: 100%;
    background: lightgray;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:hover > .thumb > .zoomimg {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .thumb {
    margin-right: 20px;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .title {
    float: left;
    width: calc(100% - 260px);
    height: 160px;
    margin-bottom: 20px;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .title > h1 {
    font-family: "Nexa Bold";
    font-size: 1.6vw;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .button {
    float: left;
    width: calc(100% - 260px);
    height: 60px;
    border-radius: 10px;
    padding: 10px 0 10px 10px;
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:hover > .button {
    border: 1px solid #8fd5bd;
    background: #8fd5bd;
    color: #fff;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .button > span {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    /* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v2.svg'); */
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:hover > .button > span {
    /* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v2-wh.svg'); */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABcQAAAXEBu4rh9AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAUfSURBVGiB1ZpPbFVFFMa/eRSiFMSkxQ0IhESKSqHaFhDBEOJCA8FoiGxIJTFRdy7l36JG0+gOA9HYiIkJouhSNKYgMaagEUQC2FoUXRjYQJWkoFh47+dizuXNa1/b++697yEnae678+c73+nMnDln7jhlJMAcSWsktUlqkjRPUoOkadbkiqRBSb9LOivpmKTDzrk/suKQWIC5wA6gn+TSB2wH5qbh4hIa0CJpq6QNknJWfEPS95J6Jf0saUB+BK5afb2kRkkLJC2UtEpSu6Q6qy9I+lRSl3PuVBJelRhwD/ABULD/Zh7oATYB0yZGGIU3HegADgaYBeB9YGY1bBCwEfgzMGAv8GCG+IuAfYYNMAhsyApfwBTgnWBOHwfaM1MwWt8y4ESgbzcwOS1oPfBFMORvpQaNp3cS0BmMziFgelKweuCoAQ0BT2TMNw6HtcAV43AEqK8UYArwpQFcquZUisFlqXHAZkf8GRGsiaFbaUTAZ1kwMrvidtoYeKYnq8wxtgDrgjUzvjfD7xORi32tRhxjC9AVuOax9xn8Zhe52Ek15BhLgLrANe8Zq1GLudj8/2FdjCXAcuNYAJrLNdhvlu5NoeQpYGEqpvH0fGxcPxpZMc+szJMw7AAeNvBh4HXgjkxYl9fVbCNyA58+3KzYYSR6UoCvplR+BdZkwry8vkOmZ1tYGOUTm1IAR4YMAuftdwF4G7grE/al+p4zHWeigjnBlEgWz6jEkDPADHxcFvn9C8AzmVnh9c0Arhv+bAGb7eVISuCbhgRlKynNHj8DZqU34yb+t4bbkZPUauW9WSmIxDnXK+khSa9KGpa0TtIZ4AUgUXY6QiLOrTn5tFOS+jIAHiXOuWvOuU75tPaYpLslvSvpa2BBSvh+ezYJOGfD82gaxHJTq0ybOuBligHg38ArJIwibOoC/CLzMgBNyc2IZ0jQdj4+T4/kR6B1on5lcB6w/hcF/GsvqRZhJYZYewc8D/xl/YaB5RXqnG19r+Umbn57SE7+BFAqnghWXYD5knokvSe/+E9KesQ5912FUNFGO5STdNleGjNhOY5Ei13SKUmPS/pH0hZJbc65HxJANtjzck7Sb/ZyX2qm4wiwWNJRSTvlTx2/kdTinHvTOZdPCBu573M5+eNNSbo/FdMxBLgT6JTfQ9rlZ8CLklY7586mhI/2wIE6SdGQrkwJOkqAVZK6A4UHJL3knDufkYrH7Hk8DBqvc/sGjbOiwj4r6EgBHIbxF+x3NcP4KNg9HRZut8KDKYBrnVh9ZXq2hIVz8WljAViUELiWqe4SiqnuvSMro4R+XwoF66nN4cMnxvXDcpWLKR4HLas2maQCrAh4lj8owX8pAn8IVle20S0UfGRw0jh2j9dwJsWwvquGHGMJ8IZxuwg0TNR4gzXOA2trxHFCsfVXsL+n43babcZcAZZWmWMcPsuBq8ZpZyUdJ1P85HbpVi5+MyKa7gcqXrv4T29HgpFZVyWu43FYH4xELzA1KdBU4HMDquXH0DpKP4b2kCIOjEAnA7soygkqzK0r1LcicLEFYGemW4F5s2iu5vGRwOjvE8nxl+B37OgGxMXY3imBskZgD6XXLQ7hD5QrjnDxofhm4DCl10K6mWifGCFJL9U0y1+qeVZSdLh2Q9Jx+WPMfvmrTIOShqx+unyO3aTipZq2oH9e0n75SzU/JeGVWPBJ2TZ8MpVUTgNbGRnFVihZHCRHRs3W6ItnjSq9eHZJ/uLZgPzoHc4q7f0PaCfmjrU/JM4AAAAASUVORK5CYII=');
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:hover > .button > p {
    color: #fff;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .button > p {
    float: left;
    width: calc(100% - 60px);
    height: 40px;
    line-height: 40px;
    font-family: "Nexa Light";
    font-size: 1vw;
}

/* Podcast Pagination */
.podcast-listing > .podcast-listing-wr > .pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #fff;
}
.podcast-listing > .podcast-listing-wr > .pagination > .podcast-pagination {
    margin: 28px auto;
    width: max-content;
    max-height: 80px;
    vertical-align: middle;
    display: block;
}
.podcast-listing > .podcast-listing-wr > .pagination > .podcast-pagination > a {
    font-family: "Nexa Light";
    font-size: 18px;
    padding: 10px 20px;
    width: 40px;
    height: 40px;
    border: 1px solid #8fd5bd;
    border-radius: 5px;
    color: #1a1a1a;
    margin-left: 5px;
}
.podcast-listing > .podcast-listing-wr > .pagination > .podcast-pagination > a:hover {
    border-color: #8fd5bd;
    background-color: #8fd5bd;
    color: #fff;
}
.podcast-listing > .podcast-listing-wr > .pagination > .podcast-pagination > .active {
    background-color: #8fd5bd;
    color: #fff;
}
.podcast-listing > .podcast-listing-wr > .pagination > .podcast-pagination > .all-posts-link {
    margin-left: 35px;
}
/* End Podcast Pagination */

/* End Podcast Listing */



/* Podcast Item */
.podcast-item {
position: absolute;
top: 80px;
left: 0;
width: 100vw;
height: calc(100vh - 80px);
}
.podcast-item > .podcast-item-wr {
float: left;
width: 100%;
height: 100%;
background: #f2f2f2;
}

/* Podcast Item - Main */
.main-ctn {
position: absolute;
left: 0px;
width: 101%;
height: 100%;
padding: 0 4% 0 4%;
overflow-y: scroll;
overflow-x: hidden;
background: rgba(255, 255, 255, 0.1);
border-radius: 20px;
}
.main-ctn .main-ctn-desc div, .main-ctn .main-ctn-desc p, .main-ctn .main-ctn-desc span, .main-ctn .main-ctn-desc div span, .main-ctn .main-ctn-desc div p {
    font-family: "Nexa Light";
    line-height: 1.6;
    font-size: 22px;
    color: #747474;
}
.main-ctn .main-ctn-desc strong, .main-ctn .main-ctn-desc div strong, .main-ctn .main-ctn-desc p strong, .main-ctn .main-ctn-desc div p strong {
    font-family: "Nexa Bold";
    font-weight: normal;
    line-height: 1.6;
    font-size: 22px;
    color: #747474;
}
.main-ctn .main-ctn-desc a, .main-ctn .main-ctn-desc div a, .main-ctn .main-ctn-desc p a, .main-ctn .main-ctn-desc span a, .main-ctn .main-ctn-desc div span a, .main-ctn .main-ctn-desc div p a {
    font-family: "Nexa Light";
    font-weight: bold;
    line-height: 1.6;
    font-size: 22px;
    color: #444;
}
.main-ctn .main-ctn-desc a:hover, .main-ctn .main-ctn-desc div a:hover, .main-ctn .main-ctn-desc p a:hover, .main-ctn .main-ctn-desc span a:hover, .main-ctn .main-ctn-desc div span a:hover, .main-ctn .main-ctn-desc div p a:hover {
    text-decoration: underline;
    text-decoration-color: #8fd5bd;
}
 /* Scrollbar - Main */
.main-ctn-wrapper {
  overflow: hidden;
  position: absolute;
  bottom: 250px;
  left: 20px;
  width: calc(100% - 900px);
  height: calc(100vh - 380px);
  padding: 0 3% 0 3%;
  border-radius: 20px;
}
.main-ctn-wrapper .scrollbar {
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: #e2e0e0;
    left: 3px;
    z-index: 1;
}
.main-ctn-wrapper .scrollbar .scroll {
    width: 100%;
    height: 0%;
    display: block;
    position: absolute;
    background-color: #b8b3b3;
    transition: top 0s linear;
    cursor: default;
}
.main-ctn-wrapper .scrollbar .scroll:hover, .scrollbar .scroll:active {
    background-color: #87c9b7;
}

@media (max-width: 1600px)
{
  .main-ctn-wrapper .scrollbar
  {
      right: 30%;
  }
}

@media (max-width: 1290px)
{
  .main-ctn-wrapper .scrollbar
  {
      right: 35%;
  }
}

@media (max-width: 1024px)
{
  .main-ctn-wrapper .scrollbar
  {
      display: none;
  }
}
/* end scrollbar */
.main-ctn > h2 {
float: left;
width: 100%;
height: 100px;
line-height: 80px;
font-family: "Nexa Light";
font-size: 20px;
text-transform: uppercase;
color: rgba(116, 116, 116, 1);
}
.main-ctn > h1 {
float: left;
width: 100%;
height: auto;
margin-bottom: 20px;
font-family: "Nexa Light";
font-size: 45px;
}
.main-ctn > .hs_cos_wrapper_type_inline_text {
float: left;
width: 100%;
font-family: "Nexa Light";
font-size: 22px;
line-height: 28px;
color: rgba(116, 116, 116, 1);
}
.main-ctn > .main-ctn-details {
float: left;
width: 100%;
height: auto;
margin-top: 20px;
display: flex;
}
.main-ctn > .main-ctn-details > .row {
float: left;
width: 50%;
height: 70px;
margin-bottom: 10px;
display: inline-block;
}
.main-ctn > .main-ctn-details > .row > .icn {
float: left;
width: 1.6vw;
margin: 0 15px 0 15px;
height: 70px;
background-repeat: no-repeat;
background-size: 1.6vw;
background-position: center left;
}
.main-ctn > .main-ctn-details > .row > .date {
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/calendar.svg');
}
.main-ctn > .main-ctn-details > .row > .time {
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/time.svg');
}
.main-ctn > .main-ctn-details > .row > .txt,
.main-ctn > .main-ctn-details > .row > .txt > .hs_cos_wrapper_type_inline_text {
float: left;
width: auto;
height: 70px;
line-height: 70px;
vertical-align: middle;
font-family: "Nexa Light";
font-size: 1.2vw;
color: #747474;
display: inline-block;
}
@media (max-width: 1290px)
{
  .main-ctn > .main-ctn-details > .row > .txt,
  .main-ctn > .main-ctn-details > .row > .txt > .hs_cos_wrapper_type_inline_text {
    font-size: 0.95vw;
    }
}
.sidebar > .sidebar-wr > .tags-wr {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px;
height: calc(100% - 570px);
background: #fff;
border-radius: 20px;
}
.main-ctn > .main-ctn-tags {
  display: flex;
  height: auto;
  width: 100%;
  margin-bottom: 30px;
}
.main-ctn > .main-ctn-tags > h5 {
float: left;
width: 3vw;
height: auto;
font-family: "Nexa Light";
font-size: 20px;
color: #747474;
vertical-align: middle;
margin: 3px 20px 10px 0;
}
.main-ctn > .main-ctn-tags > ul {
display: block;
float: left;
width: 100%;
height: calc(100% - 40px);
overflow: hidden;
}
.main-ctn > .main-ctn-tags > ul > li {
float: left;
margin: 0 4px 4px 0;
width: max-content;
}
.main-ctn > .main-ctn-tags > ul > li > a:active,
.main-ctn > .main-ctn-tags > ul > li > a:link,
.main-ctn > .main-ctn-tags > ul > li > a:visited {
float: left;
font-family: "Nexa Light";
font-size: 15px;
background: rgba(242,242,242,0.5);
border-radius: 6px;
border: 1px solid #8fd5bd;
padding: 6px 10px;
transition: all 0.2s;
}
.main-ctn > .main-ctn-tags > ul > li > a:hover {
background: #8fd5bd;
transition: all 0.2s;
}
.main-ctn > .main-ctn-tags > ul > li > a > span {
float: left;
width: 20px;
height: 20px;
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/tag.svg');
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}
.main-ctn > .main-ctn-tags > ul > li > a:hover > span {
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/GW/tag-white.svg');
}
.main-ctn > .main-ctn-tags > ul > li > a > p {
float: left;
margin-left: 8px;
transition: all 0.2s;
}
.main-ctn > .main-ctn-tags > ul > li > a:hover > p {
color: #fff;
transition: all 0.4s;
}
.podcast-item-wr > .main-ctn-img {
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index:-1;
  filter: blur(10px);
  -webkit-filter: blur(15px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90% auto;
}
.main-ctn > .main-ctn-thumb {
    display: none;
    float: left;
    width: calc(100% - 350px);
    height: 160px;
    margin-top: 50px;
}
.main-ctn > .main-ctn-thumb > .thumb {
    float: left;
    width: 160px;
    height: 160px;
    background: lightgray;
    border-radius: 20px;
}
/* End Podcast Item - Main */


/* Podcast Item Toolbox */
.tool {
position: absolute;
top: 50px;
right: 250px;
width: 650px;
height: 550px;
}
.tool > .tool-wr {
position: relative;
width: 100%;
height: 100%;
}
.tool > .tool-wr > .play-btn-wr {
position: absolute;
top: 90px;
left: 80px;
width: 120px;
height: 120px;
border-radius: 50%;
background-position-x: 45px!important;
background: #fff;
/* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v1.svg'); */
background-image: url('data:image/png;base64,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');
z-index: 99;
}
.tool > .tool-wr > .play-btn-wr:hover {
/* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v1-hr.svg'); */
background-image: url('data:image/png;base64,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');
}
.tool > .tool-wr > .pause-btn-wr {
display: none;
position: absolute;
top: 90px;
left: 80px;
width: 120px;
height: 120px;
border-radius: 50%;
background: #fff;
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/pause-hr.svg');
z-index: 99;
}
.tool > .tool-wr > .pause-btn-wr:hover {
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/pause-hr.svg');
}
.tool > .tool-wr > .download-btn-wr {
position: absolute;
top: 230px;
left: 60px;
width: 100px;
height: 100px;
border-radius: 50%;
background: #fff;
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/download.svg');
z-index: 99;
}
.tool > .tool-wr > .download-btn-wr:hover {
/* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/download-hr.svg'); */
background-image: url('data:image/png;base64,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');
}
.tool > .tool-wr > .share-btn-wr {
position: absolute;
top: 355px;
left: 90px;
width: 80px;
height: 80px;
border-radius: 50%;
background: #fff;
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/share.svg');
z-index: 99;
}
.tool > .tool-wr > .share-btn-wr:hover {
/* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/share-hr.svg'); */
background-image: url('data:image/png;base64,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');
}
.tool > .tool-wr > .tool-btn {
background-position: center;
background-repeat: no-repeat;
background-size: 30%;
}
.tool > .tool-wr > .tool-btn:hover {
cursor: pointer;
box-shadow: 0 0px 15px rgba(116, 116, 116, 0.1);
}
.tool > .tool-wr > .play-btn-wr:hover > span {
display: block;
}
.tool > .tool-wr > .play-btn-wr > span {
display: none;
position: absolute;
top: 50%;
right: -60px;
margin-top: -20px;
width: 80px;
height: 40px;
line-height: 45px;
text-align: center;
background: #fff;
border-radius: 20px;
font-family: "Nexa Light";
font-size: 18px;
}
.tool > .tool-wr > .play-btn-wr:hover > span {
display: block;
}
.tool > .tool-wr > .pause-btn-wr > span {
display: none;
position: absolute;
top: 50%;
right: -60px;
margin-top: -20px;
width: 80px;
height: 40px;
line-height: 45px;
text-align: center;
background: #fff;
border-radius: 20px;
font-family: "Nexa Light";
font-size: 18px;
}
.tool > .tool-wr > .pause-btn-wr:hover > span {
display: block;
}
.tool > .tool-wr > .download-btn-wr > span {
display: none;
position: absolute;
top: 50%;
right: -90px;
margin-top: -19px;
width: 110px;
height: 38px;
line-height: 42px;
text-align: center;
background: #fff;
border-radius: 20px;
font-family: "Nexa Light";
font-size: 16px;
}
.tool > .tool-wr > .download-btn-wr:hover > span {
display: block;
}
.tool > .tool-wr > .share-btn-wr > span {
display: none;
position: absolute;
top: 50%;
right: -60px;
margin-top: -18px;
width: 80px;
height: 36px;
line-height: 40px;
text-align: center;
background: #fff;
border-radius: 20px;
font-family: "Nexa Light";
font-size: 14px;
}
.tool > .tool-wr > .share-btn-wr:hover > span {
display: block;
}
.tool-box-anm {
float: right;
width: 550px;
height: 550px;
border-radius: 550px;
}
.tool > .tool-wr > .sharing-container {
  opacity: 0;
  position: absolute;
  top: 4%;
  left: -30%;
  width: 30%;
  max-height: 80%;
  padding: 3%;
  background: #fff;
  border-radius: 20px;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  pointer-events: none;
}
.tool > .tool-wr > .sharing-container > .close {
  position: absolute;
  right: 6%;
  top: 2%;
  width: 25px;
  height: 25px;
  opacity: 0.3;
}
.tool > .tool-wr > .sharing-container > .close:hover {
  opacity: 1;
  cursor: pointer;
}
.tool > .tool-wr > .sharing-container > .close:before,
.tool > .tool-wr > .sharing-container > .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: #333;
}
.tool > .tool-wr > .sharing-container > .close:before {
  transform: rotate(45deg);
}
.tool > .tool-wr > .sharing-container > .close:after {
  transform: rotate(-45deg);
}
.tool > .tool-wr > .sharing-container > span {
  margin: auto;
  margin-bottom: 3%;
  font-size: 20px;
  text-align: center;
  font-family: "Nexa Bold";
  width: 100%;
  display: block;
}
.tool > .tool-wr > .sharing-container > ul > li {
  margin: 15% auto 15% auto;
  text-align: center;
  display: block;
  max-width: 30%;
  poiner: cursor;
}
.tool > .tool-wr > .sharing-container > ul > li > a > span > svg {
  fill: #909090;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
}
.tool > .tool-wr > .sharing-container > ul > li > a > span > svg:hover {
  fill: #8fd5bd;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
}
.tool-box-anm-spn {
width: 550px;
height: 550px;
margin: 0 auto;
background-color: #8fd5bd;
border-radius: 100%;
-webkit-animation: tool-scale 4.0s infinite ease-in-out;
animation: tool-scale 4.0s infinite ease-in-out;
}

@-webkit-keyframes tool-scale {
0% { -webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes tool-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
/* End Podcast Item Toolbox */


/* Podcast Item Sidebar */
.hs-postlisting-item { display: none; }
.sidebar {
position: absolute;
bottom: 150px;
right: 20px;
width: 525px;
height: calc(100vh - 280px);
}
.sidebar > .sidebar-wr {
position: relative;
float: left;
width: 100%;
height: 100%;
}
.sidebar > .sidebar-wr > .recent-wr {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 550px;
padding: 30px;
background: #fff;
border-radius: 20px;
}
.sidebar > .sidebar-wr > .recent-wr > h3 {
float: left;
width: 100%;
height: 60px;
font-family: "Nexa Light";
font-size: 26px;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > {
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
top: 16%;
left: 30px;
width: 100%;
height: 550px;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > .scrollbar {
    position: absolute;
    width: 5px;
    height: 84%;
    background-color: #e2e0e0;
    right: 2%;
    top: 16%;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > .scrollbar .scroll {
    width: 100%;
    height: 0%;
    display: block;
    position: absolute;
    background-color: #b8b3b3;
    transition: top 0s linear;
    cursor: default;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > .scrollbar .scroll:hover, .scrollbar .scroll:active {
    background-color: #87c9b7;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr {
float: left;
width: 100%;
height: 460px;
overflow: hidden;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > ul {
float: left;
width: 120%;
height: auto;
max-height: 460px;
overflow-y: scroll;
overflow-x: hidden;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > ul > li {
float: left;
width: 85%;
height: auto;
opacity: 0;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > ul > .fadeIn {
-webkit-transition: opacity 0.7s ease-in;
-moz-transition: opacity 0.7s ease-in;
-o-transition: opacity 0.7s ease-in;
opacity: 1;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > ul > li > a > .recent-item-wr {
float: left;
width: 100%;
height: auto;
margin-bottom: 15px;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > ul > li > a > .recent-item-wr > .icn {
float: left;
width: 50px;
height: 50px;
/* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v2.svg'); */
background-image: url('data:image/png;base64,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');
background-position: top left;
background-repeat: no-repeat;
background-size: 25px;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > ul > li:hover > a > .recent-item-wr > .icn {
/* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v2-hr.svg'); */
background-image: url('data:image/png;base64,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');
}

.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > ul > li > a > .recent-item-wr > .ctn {
float: left;
width: calc(100% - 50px);
height: auto;
padding-right: 10px;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > ul > li > a > .recent-item-wr > .ctn > h4 {
float: left;
width: 100%;
height: auto;
margin-bottom: 5px;
font-size: 20px;
font-family: "Nexa Light";
color: #444444;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > ul > li > a > .recent-item-wr > .ctn > h4:hover {
    text-decoration: underline;
    text-decoration-color: #8fd5bd;
}
.sidebar > .sidebar-wr > .recent-wr > .recent-list-wrapper > .recent-list-wr > ul > li > a > .recent-item-wr > .ctn > p {
float: left;
width: 100%;
height: auto;
font-size: 17px;
line-height: 19px;
font-family: "Nexa Light";
}
/* End Podcast Item Sidebar */


/* Podcast Item Footer */
.podcast-item > .podcast-item-wr > .footer > .footer-listen {
position: absolute;
bottom: 100px;
left: 0;
width: 75vw;
height: 100px;
background-image: linear-gradient(to right, rgba(195,195,195,0.3), rgba(195,195,195,0));
}
.footer > .footer-listen > .listen-sources {
float: left;
width: 100%;
height: 60px;
padding-left: 20px;
}
.footer > .footer-listen > .listen-sources > a {
float: left;
width: 220px;
height: 60px;
margin-right: 25px;
margin-top: 20px;
}
.footer > .footer-listen > .listen-sources > a > .btn {
float: left;
width: 100%;
height: 100%;
border-radius: 10px;
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
box-shadow: 0 3px 0px rgba(116, 116, 116, 0.1);
transition: all 0.2s;
}
.footer > .footer-listen > .listen-sources > a > .btn:hover {
box-shadow: 0 5px 12px rgba(116, 116, 116, 0.2);
transition: all 0.2s;
}
.footer > .footer-listen > .listen-sources > a > .apple {
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/apple_podcasts.png');
background-size: 90%;
}
.footer > .footer-listen > .listen-sources > a > .google {
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/google_podcasts.png');
background-size: 90%;
}
.footer > .footer-listen > .listen-sources > a > .spotify {
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/spotify_podcasts.png');
background-size: 90%;
}
.footer > .footer-listen > .listen-sources > a {
  width: 190px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.podcast-item > .podcast-item-wr > .footer {
position: absolute;
bottom: 0vh;
left: 0;
width: 100vw;
height: 100px;
}
.podcast-item > .podcast-item-wr > .footer > .footer-wr {
float: left;
width: 100%;
height: 100%;
background: #fff;
}


/* Podcast Item Player */
.player-wr {
float: left;
width: 70vw;
height: 100%;
padding: 25px 50px;
}
.player-wr > .playBtn {
cursor: pointer;
float: left;
width: 50px;
height: 50px;
background: #fff;
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v1.svg');
background-size: 40px;
background-position: center center;
background-repeat: no-repeat;
}
.player-wr > .playBtn:hover {
/* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v1-hr.svg'); */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABsCAYAAACcsRc5AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADjQAAA40B9chTYAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAA2ESURBVHic7Z17dFT1tce/+0wy4e2lore1Pm7FBxJIIBle4ZGcmcRWrrjai0nX4rYUqw16K4JU8uAhR+SVpBooYpv0WqBUb5vI6rJYbpXJnKTBQB5AEogIFGu19vYWXxfCMzPne/+AqdhSyDk5k8zrs9b8MTPnt+c7+a6cs+fsffYRACh/sybNINaSmErBSQLbDBhripJz3kWcXkXWH/KlBwzWE+hPArz4BoGzFG4wAklrilOmftynKmMIKX+z5jUSdxPA3xgSfHwMYvXZQcpz2pfUs30nNTZQQGRcZZuhAMqSOo3Dqw76ZmvUlN4QFqsoAAZ1c9ubhdySeHDqgZXtNbmhFBXLSHlHDf+6e7r8LgvgZ59f3KYBwKKloz0Nvaw5qunJ7ieDwK6n22uqtA79NtsUxTg9PR4IgVwJ8E2t3Vex6oD3n21RFcP0ZJd1yRoJPu8EuPG0M2lV6YgpJ3vxe0QNdhsSfPyJwFOOD+Unmqr6e+3bRAFX22W1Eai3EPcGEBWBa9m2tM13nxVhscoVDRHwneJRnmkkcwC0mY5OjATwypI23+4l7TXTLGqMKbp1UC9OyfaeG1WfJkQeBO9Y+JyJpNQVt/l2Lm7TR1lYHzN0O8vSRDOKUzzVXWdPJwtRBOATsx8mQDbJ/UWtvorFLb/9gtn1sYDptFdzzTi9JMVT4le6hkNQAsDs+a0EAPmBBP/RgtaatfP27BhiVkM0Y/l3iJb8lY+WjfIUGQ7jTgKVAAyTIQYCUti/X79jBa164byjO5KsaokmenyiUEvOeVdLcc8lJRXkqxZCDCO4Nqmz3+GF+3yzQUpPNUUytp251VLVg1qqZ4ZAcgDutxDiFhFs+V5rbePCVq9ql65Iw/ZT6VqK6l0x2p0uwjwAb5uPwHGg4nt8v2/nwn2+VLv1hTuhqW2IcEWKp9qR8MFdIpgL4C8WomQbgn3z9+tVC/br/2KzwrAlpMUmLTnv/NMp7squJOdtAJ8CcMZkCAVgLsnD8/f51i/Yr/9TKHSGE71S/SsdMeXk6lSP5ofcIRcysoDJEE4CjwXIY9/dpxfO0fV+odAZDvRqObY0Vf3j6jHuuUbAMRoi1RZCfE7AtYOu4ZFH9/ryc6uqHLaL7GP6pD5emp55qCRVzRNyMoA3LIS4iYKK624d1vbwXv1eu/X1JX3asFAy1tNQmqpOBZkH4HemAwiSBdz+8F7fzvyWmjT7FfY+fd9BIsKysZ7qE4EhIyGYC8GfLUTJVkRpeXifXvVIs/dW2zX2In1vyEUqXa6uZ8a4K0W6boNIEQCzFUchkRtQEg7lN9dWPNz22vWh0BlqwsaQIN9P/fKpZ8eoJX4mDBfBDwCYrDjSSWG+v8t57KFmXcttaOgfEqEhIuwMCbIhbdrx8jHu+VAwCpBqfFo57i6DIFh+jfPc0W9HUEYWtoYEWZ/qPrw+Tc0TA5MI/NbsegJfBKVi0K3XHZjTUhv2DX5hb0iQ9S5343Np7syLJy8PWAhxl5BVDzTrDbNb9Cm2C7SJiDEkyIY01TtsbP0YAt8C8D9m1xOYJET97CZ9+6w9dbeHQGKPiDhDgAvl5OfT3D/181QwI/s/00EE9zocRsc3m2sr5jTpn7dfpTUi0pAgla4Zp3+YppY4/MZwEiUAzpkMkQgw3y/43Tea9bX/Hgbl5Ig2JMjGCdkfVrjUogQx7gS4FeYzsoEkCqn0PzarSZ+fpesJodDZHaLCkCAb0zx/qEx3z1YUjBdAtxBiGIB1XxiIg19vrM3ti3JyVBkSpCJNbfmxS3ULkQOg1UKIO0VY9fWm2t25Tb5Mu/Vdiag0JMiPx6nem9Lr0gWSR+D3pgMIJgilNm+PvjO3oW50CCT+HVFtCHAhI3vBlVV9qv/xESQWwEKDHwTZcLB1ZqPvp/ftev0G+1V+StQbEqQ6Oe/85vHqekfXueECKw1+VATyzcRE59GZjfra3Jad14RCZ8wYEuSFjK98tHmcWuSgcgcgFsrJHACgMOBPOPa13XrhPTvsbfCLOUOCbBqf+d7WcVlzFTIVgJVy8rUQrE0aOuDIV/f48u26OjlmDQmyZby742fj1DwKcgDZZzqA8GZCKvY3ZjbOaKxz91RPzBsS5KVxqvelcZkuUPIAHLMQwiVkzb27a3dOf0MfY1VH3JBLEeFLE7KqByuD74JwLiGmG/wEyFYU2TtjT23VjMa6L5ldHzfkMlS6XF0/H+eu5EAOB1AEoNNkCIVErmHwrem7a9f/a3390G4vNPlBMUV1stpZNUEtYcAYAZFKmC4nwwngMSMhcOye3XWFWd1o8Isb0g2qMzzvV4/PmksHRsNaRjaU4Np+Tjlyd0PdFcvJcUNMsM2lvrVtgpqnQDIsXZ0suEnAik9uvL49p+Hy5eS4IRaonpC1+5cT1WkG5T4AR82uF2AkgKqchjrv3Xt86Ze+FzekB7wyKWv79QmDkwE8CgsZGUCPYSjN7l21L2ZdrFrGDekhlS5X1ysT1Y3OMxxOYAXMZ2QiglnKednvfqPmlrghNlGtqp3bJ2YtDzh4OyA/gtmMTPB5wlEWN8RmdoxX//zqpMxHDMWRDIHZBr/suCEhwhHwB/+2ZsrA7LNifrRy365dNxgO/1MEHgBhtn31tbghNnHPnh1DnBxQaMC/AMAACyHep4MFcUN6SG5HlfPcyeseEWApBcNMNyABBoRbu/yORfWTpx2PG2IVUr7WVHd/10muFsDSzEkBvCAXeSerf+2MiRtigfubajKMproyklebefyPaBFK4euTM31/+0bcEBPk7vGONMShkcgFze+bBHjXgKzKmDTtPzWRyw7riRvSDf5tj36jQ5FlJB8ETGdOAPChQMrwyal1r0+ffu71K2wYN+QKzKqvH+p3+gsBPEbSyqVxpwlu6Er0r/G6crrVoR835DLkdlQ5HaeHzQnQvxLEdRZCGCBedBgJRb+eMuVPZhbGDbkEjZpypClrpnGKJQBM18MBgIBXEeV7v5o0rd3K+rghF5nVrGcfaUYphGMF5q9nAKSJhlHwaoa7ric6Yt6Qb+31pQcCSilJt3kTAECOULD0V+MzX4aItRCXELOGzG7ZeTOZuMQw8BCEioV/iQ9AfD9xyF/Kq5PzztulK+YMebDhN58LJCYVGMR8gFbGPJ0C8Fx/nFn94qTpJ+zWFzOG5LdsH3Aeg+YFiCICVgahdVFkkwIurx6vWpnH0i2i3hCNmvLe3qyZXWCZELdY2ckTeNWgsnDbhEzTDQ1miWpDvtOsZ7+3V54hmGJlvQC7DaKgeqK6y25t/4ioNOTB5prxIkoJgSwrCSwEh2jI8l9MyLLSFNcjosqQ77R67xDDsZIG7qe50ikAgMD7Ilzh//0HL1Tn5ZmdC2kLUWFIfos+TIAnEJDHCTothOgU4hl/IKmkOiPD7ORUW4loQ55oe23gqYDzUZKLARlC87unLkA2ifPcsq2pX7YyW9h2ItKQ/JaWRKeceOC0H08BtDKnhAK8LGIUb3F5rFycEzIizpB5+/Rs8kQ5BaOsHK8vnPwzCje5POYvX+sFIsaQeXv1iRCUEpxq/nANAOiAgqIt6aqVOzj0GmFvyKMt+giHghUEcy2euXsPwpWdx/ouczJD2BryeGvNF0l5kuC3QSs65SMBS/0nsX6z6o6Yu1yHnSH/0aEP6teF75JcAmCw+QhynsCP/A4u3zxWNT9Go48JG0PyW1oSByeceADnuYKAhVu4iiHCbSIsqByrvmO7wF6i7w0hZVGr737ixBoSwy1G8VKMJyrS3ObvtRhm9KkhBW0+D9r0EoqkW0lhAWkWBgp/6Mq2MqwsLOkTQ4r3eUcaDodG0uoc3T8QePL5tKytdpRNw4leNaSgTb8xgVxmAA+CtNRwRkiZMvjMuudvn2524GVE0CuGFLXXD1WM84UA5xOwUjY9LeCGs4axprKbDWeRSkgN0TqqnIHAsDkGu1ZSxErDmV+An8BI0Na5ppkemhyJhMQQjZpiHJg6M+CXElpsOAPgFYdjYXlKppWx4hGL7YZo7Xq20c4yAlZHFDUKWfBsmsf04P1owDZDtAO6C2QJQTestf4dJrjs2TFuWxrOIpUeG6J17LwZAccSIR+itUEExyGyatDH2KipbrPTdqIOy4asPuS9NhCQRQxgAQErgyA7AW5Ev6RVZSOmmL29UdRi2hCtZfuAROeAeYYfxQCsjErtArDJ4TCeXD06+38trI9qum2IRk1JOjB1piEoI3CLhc8iIC8zgMVr01Xzt8iLEbplyJp2bzYOyjMUWGo4A9FAomDNWNXKTSRjCinvqCFxISkiP02OLr7WRshJkFP46Wuf3YYAL9ZUP7PNhVjthrBodYrnv3vxO0U0V/sPSbXU+Qf8EYKnD78VGWXTcMLuH4YfE1JysjPpB+V93HAWqdhlyHkCm53+hKWL06YdtylmTNJTQwwBthkwirSU7LdtURTj9MAQ8VIJFDyZnLPfPjlxrBhyUCBFS0a7f227mjhIwIW7Mnen3eZtESwtTnb/XGL45F+oUQBc7eqgDwAuOKd8eFfxKM9/xc0ILQmAshgwMvH3U9BOU2QdzgRKi6K8bBpOCACUv1mTZgBraGCyAXQqkJcVP9csHON5v68Fxhr/DxEBbj0Zp+14AAAAAElFTkSuQmCC');
}
.player-wr > .pauseBtn {
display: none;
cursor: pointer;
float: left;
width: 50px;
height: 50px;
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/pause-hr.svg');
background-size: 33px;
background-position: center center;
background-repeat: no-repeat;
}
.player-wr > .pauseBtn:hover {
background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/pause-hr.svg');
}

.player-wr > .time-slider {
float: left;
width: calc(100% - 450px);
height: 6px;
margin-top: 22px;
border-radius: 5px;
background: #f2f2f2;
margin-left: 30px;
cursor: pointer;
}

.player-wr > .time-slider > #elapsed > .time-fob {
    width: 22px;
    height: 22px;
    border: 1px solid #f3f3f3;
    border-radius: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.65);
    display: block;
    position: relative;
    float: right;
    left: 11px;
    top: -9px;
    pointer-events: none;
    z-index: 5;
}

.player-wr > .time-slider > #elapsed {
width: 0px;
height: 6px;
background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
border-radius: 5px;
}
.player-wr > .time-slider > #buffered {
width: 0px;
height: 6px;
border-radius: 5px;
}
.player-wr > .time {
float: left;
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
font-family: "Nexa Light";
font-size: 20px;
cursor: pointer;
color: rgba(116, 116, 116, 1);
}
.time-tip {
    position: relative;
    width: 3vw;
    height: 3vw;
    font-size: 0.75vw;
    font-family: "Montseratt", sans-serif;
    font-weight: 500;
    background-color: #8fd5bd;
    top: -4.2vw;
    padding: 1vw 0 0 0;
    text-align: center;
    color: #fff;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    border-radius: 2vw;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}
.time-tip:after {
    content: "";
    position: absolute;
    top: 2.2vw;
    left: 0.21vw;
    border-top-color: #8fd5bd;
    border-top: 1.6vw solid #8fd5bd;
    border-left: 1.3vw solid transparent;
    border-right: 1.3vw solid transparent;
}
@media (max-width:1024px){
    .time-tip {
        width: 10vw;
        height: 10vw;
        font-size: 3.2vw;
        top: -20.5vw;
        padding: 3vw 0 0 0;
        border-radius: 9vw;
    }
    .time-tip:after {
        top: 8.5vw;
        left: 1.75vw;
        border-top: 12.5vw solid #8fd5bd;
        border-left: 3.25vw solid transparent;
        border-right: 3.25vw solid transparent;
    }
}
.player-wr > .volume-controls {
position: relative;
float: left;
width: 200px;
height: 50px;
}
.player-wr > .volume-controls > .volume,
.player-wr > .volume-controls > .volumemob {
position: inherit;
top: 22px;
width: 100%;
height: 6px;
pointer-events: none;
background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
outline: none;
cursor: pointer;
}
.player-wr > .volume-controls > input[type=range] {
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
width: 100%;
height: 6px;
margin-top: 16px;
border: none;
border-radius: 5px;
background: #f2f2f2;
outline: none;
cursor: pointer;
}
.player-wr > .volume-controls > input[type=range]::-webkit-slider-thumb {
cursor: pointer;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #f2f2f2;
border-radius: 10px;
background-color: #fff;
z-index: 99;
box-shadow: 0 0 10px rgba(116, 116, 116, 0.3);
}
.player-wr > .volume-controls > input[type=range]::-moz-range-thumb {
cursor: pointer;
width: 20px;
height: 20px;
border: 1px solid #f2f2f2;
border-radius: 10px;
background-color: #fff;
z-index: 99;
box-shadow: 0 0 10px rgba(116, 116, 116, 0.3);
}
.player-wr > .volume-controls > input[type=range]::-ms-thumb {
cursor: pointer;
width: 20px;
height: 20px;
border-radius: 10px;
border: 1px solid #f2f2f2;
background-color: #fff;
z-index: 99;
box-shadow: 0 0 10px rgba(116, 116, 116, 0.3);
}
/* End Podcast Item Player */


/* Podcast Item - RSS Subscribe */

/*
.sub-wr > .sub--wr > .mail, .sub-wr > .sub--wr > .rss {
  width: 50%;
  height: inherit;
  margin: 0px;
  display: none;
}
.sub-wr > .sub--wr > .mail {
  float: left;
  cursor: pointer;
}
.sub-wr > .sub--wr > .rss {
  float: right;
}
.sub-wr > .sub--wr > .rss > .ico {
  background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/rss.svg');
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: center;
  height: 100%;
  width: 100%;
  display: inline-block;
} */
/* .sub-wr > .sub--wr > .mail > .ico {
  background-image: url('https://f.hubspotusercontent00.net/hubfs/2360104/GW/mail-black.svg');
  background-repeat: no-repeat;
  background-size: 33px;
  background-position: center;
  height: 100%;
  width: 100%;
} */
/* .sub-wr > .sub--wr > .rss:hover {
  background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
  transition: all 0.5s;
}
.sub-wr > .sub--wr > .rss:hover .ico {
  background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/rss-wh.svg');
  transition: all 0.3s;
}*/
.sub-wr {
float: right;
width: 30vw;
height: 100%;
/* background-image: linear-gradient(210deg,#8fd5bd,#41c5c0); */
}
.sub-wr > .sub--wr {
float: left;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,1);
transition: all 0.2s;
}
.sub-wr > .sub--wr:hover {
    background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
    cursor: pointer;
}
.sub-wr > .sub--wr > a {
float: left;
width: 100%;
height: 100%;
}
/* .sub-wr > .sub--wr > .mail:hover {
  background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
  transition: all 0.5s;
} */
/* .sub-wr > .sub--wr > .mail:hover .ico {
  background-image: url('https://f.hubspotusercontent00.net/hubfs/2360104/GW/mail-white.svg');
  transition: all 0.3s;
} */
.sub-wr > .sub--wr > .sub-btn {
    margin: 25px auto 0;
    width: 250px;
    height: 50px;
    line-height: 55px;
}
.sub-wr > .sub--wr > .sub-btn > span {
    float: left;
    width: 33px;
    height: 100%;
    /* background-image: url('https://f.hubspotusercontent00.net/hubfs/2360104/GW/mail-black.svg'); */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABYgAAAWIBXyfQUwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGYSURBVEiJ5dZNa1NBFMbxXyXLClYpLgoVURBxUatt0VZKFyKCIqK77qW7foZ+ET+IuuheRSgiLvqCthvfkESj0ESIiznNvYS0ublN3PjAcOftnD8z586ZIWkWL1BDawilhueYCZ45NIcE6yxNzI5gHUvR+RMr2DQ4TeIpxqK9LkAtfI/vF1wZIPBD+K3LFtZe+hN8ivpnXD4mcALbspiu5ljtyl1M4Vu093ChJHAc78LPLyyG/65QmJZt9S7O9wk8hTdhv5/zeyQUbuJH9G9LsSmi03idA97LjfWEkrbkIPg7ONcDeEa2wiYed4wXgsIt2Yo/OjzGY3gV8/5gucucwlBYkGWq3S7gcWzEeAOPDvHTFxTmO8CXon8Cb2UxfHiEj76hcAPVmPsV92XncB8PetiXgsJ1KXF0JvPbBWxLQ+GidGO0pARwtaBdG1opaJDXFu5I2eu99PP0pTLQA22UNTxxDGhp/V/QetRHh8w6Gd96RboVlrCG39I5HLTOhn94SXoJNvybh1lD7kU4Ix346pBgVTzDNfgLqb31aPkBXQcAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-size: 33px;
    background-position: center;
    margin-right: 30px;
    transition: all 0.2s;
}
.sub-wr > .sub--wr:hover > .sub-btn > span {
     /* background-image: url('https://f.hubspotusercontent00.net/hubfs/2360104/GW/mail-white.svg'); */
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABYgAAAWIBXyfQUwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHDSURBVEiJ5ZZPb4xRFIefK7UjUSIWTaYRCxGLBq0wlbIQkRARdvZi5zP0i/ggVNKVDSVpGiyqQm0UkRkzJP2TPBbvYW6G6cw75l05m/vvnN+Te8773nsBUGfUBbVpNdZUH6nTAEk9CzwBxqjedoB6UheBS4BAC7gHrI4QVAMeAOMxXkRtRQq+RvtJPTkKmlpT34VuO9oWWd7vqh+jv6Ge+EfghLqW1fT+L1AOvapOqV9i/EE9NiTwsPoydL6rc6H/JzQCTmWpXlePlgQeUF9E/Gam2xsaDufVbzG/ptYGBB5UlzLgtWxtd2g4zdkp/lt1sg/wULbDbfV213p/aDheyHb8vleN1XH1WfjtqHf+4jMYNJxn7ZxU691gi49mOda31Fs9dAaHRkC9C3w85ifUlayGN3fRKAeNoHNqI3w/q9ft/Ieb6o0+8eWhEXjG4uDIraleHiD2N3RPP+fcUkrPgVlgIaZeARdTSo/L6JS+WVJKb4Ar6hTwOqW0VVZj6OsspbQ8bGyp9I7K/i9oO/r7Kmbtj7Y9BixRPFfm1R/ARgXAI8B89J8mdYbiYba3Ali3bQN1ANRpiydiw2qsoT5UTwP8BB5eYAhtTEjNAAAAAElFTkSuQmCC');
     transition: all 0.2s;
}
.sub-wr > .sub--wr > .sub-btn > p {
    font-size: 28px;
    font-family: "Nexa Light";
    text-transform: uppercase;
    transition: all 0.2s;
}
.sub-wr > .sub--wr:hover > .sub-btn > p {
    color: #fff;
    transition: all 0.2s;
}


/* End Podcast Item RSS Subscribe */
/* End Podcast Item Footer */
/* End Podcast Item */

.podcast-app-mobile {
    display: none;
}

/* Form */
.podcast-item-wr .form-wrapper {
  position: absolute;
  top: 10px;
  display: none;
  margin: auto;
  padding: 4vh 3vw 4vh 3vw;
  z-index: 1000;
  width: 70vw;
  height: 70vh;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0,0,0,.09);
  border-radius: 20px;
  transition: all 0.2s linear;
}

.podcast-item-wr .form-wrapper .scrollbar {
    position: absolute;
    width: 5px;
    height: 90%;
    background-color: #e2e0e0;
    right: 2%;
    top: 10%;
    z-index: 1;
}
.podcast-item-wr .form-wrapper .scrollbar .scroll {
    width: 100%;
    height: 0%;
    display: block;
    position: absolute;
    background-color: #b8b3b3;
    transition: top 0s linear;
    cursor: default;
}
.podcast-item-wr .form-wrapper .scrollbar .scroll:hover, .scrollbar .scroll:active {
    background-color: #87c9b7;
}
.podcast-item-wr .form-wrapper .form {
  width: 110%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.podcast-item-wr .form-wrapper .form .hbspt-form .hs-form-iframe
{
  width: 63vw!important;
  height: auto;
  transition: all 0.2s linear;
}
.podcast-item-wr .form-wrapper .form .close {
  position: absolute;
  right: 1vw;
  top: 1vh;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.podcast-item-wr .form-wrapper .form .close:hover {
  opacity: 1;
}
.podcast-item-wr .form-wrapper .form .close:before, .form .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.podcast-item-wr .form-wrapper .form .close:before {
  transform: rotate(45deg);
}
.podcast-item-wr .form-wrapper .form .close:after {
  transform: rotate(-45deg);
}
/* End Form */

@media(max-width:1400px){
    .main-ctn-wrapper {
      bottom: 220px;
      left: 10px;
      width: calc(90% - 600px);
      height: calc(100vh - 320px);
    }
    .main-ctn {
      width: 105%;
      padding: 0% 5% 0% 5%;
    }
    .tool {
        top: 20px;
        right: 150px;
        width: 600px;
    }
    .sidebar {
        width: 400px;
        height: calc(100vh - 320px);
        bottom: 220px;
    }
}


/* Podcast App Mobile */
@media(max-width:1024px) {
    .podcast-app {
        display: none;
    }
    .podcast-app-mobile {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        background: #f2f2f2;
    }

    /* MOBILE PODCAST LISTING */
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr {
        overflow: hidden;
        padding-top: 0;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr {
        padding-bottom: 120px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > .scrollbar {
        position: absolute;
        width: 2vw;
        height: calc(100% - 140px);
        background-color: #e2e0e0;
        right: 3px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > .scrollbar .scroll {
        width: 100%;
        height: 0%;
        display: block;
        position: absolute;
        background-color: #b8b3b3;
        transition: top 0s linear;
        cursor: default;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > .scrollbar .scroll:hover, .scrollbar .scroll:active {
        background-color: #87c9b7;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast {
        float: left;
        width: calc(50% - 10px);
        height: 40vw;
        border-radius: 20px;
        padding: 5vw;
        background: #fff;
        box-shadow: 0 0 0px rgba(0,0,0,0);
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:nth-child(odd){
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:nth-child(even) {
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .thumb,
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .thumb > img {
        float: left;
        width: 30vw;
        height: 30vw;
        background: lightgray;
        border-radius: 10px;
        border: 0;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .thumb {
        margin-right: 20px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .title {
        float: left;
        width: 33vw;
        height: calc(30vw - 70px);
        margin-bottom: 20px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .title > h1 {
        font-family: "Nexa Bold";
        font-size: 1.6vw;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .button {
        float: left;
        width: 33vw;
        height: 50px;
        border-radius: 10px;
        padding: 10px 0 10px 10px;
        border: 1px solid #f2f2f2;
        background: #f2f2f2;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        -o-transition: 0.5s ease;
        transition: 0.5s ease;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:hover > .button {
        border: 1px solid #8fd5bd;
        background: #8fd5bd;
        color: #fff;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        -o-transition: 0.5s ease;
        transition: 0.5s ease;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast:hover > .button > span {
        /* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v2-wh.svg'); */
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABcQAAAXEBu4rh9AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAUfSURBVGiB1ZpPbFVFFMa/eRSiFMSkxQ0IhESKSqHaFhDBEOJCA8FoiGxIJTFRdy7l36JG0+gOA9HYiIkJouhSNKYgMaagEUQC2FoUXRjYQJWkoFh47+dizuXNa1/b++697yEnae678+c73+nMnDln7jhlJMAcSWsktUlqkjRPUoOkadbkiqRBSb9LOivpmKTDzrk/suKQWIC5wA6gn+TSB2wH5qbh4hIa0CJpq6QNknJWfEPS95J6Jf0saUB+BK5afb2kRkkLJC2UtEpSu6Q6qy9I+lRSl3PuVBJelRhwD/ABULD/Zh7oATYB0yZGGIU3HegADgaYBeB9YGY1bBCwEfgzMGAv8GCG+IuAfYYNMAhsyApfwBTgnWBOHwfaM1MwWt8y4ESgbzcwOS1oPfBFMORvpQaNp3cS0BmMziFgelKweuCoAQ0BT2TMNw6HtcAV43AEqK8UYArwpQFcquZUisFlqXHAZkf8GRGsiaFbaUTAZ1kwMrvidtoYeKYnq8wxtgDrgjUzvjfD7xORi32tRhxjC9AVuOax9xn8Zhe52Ek15BhLgLrANe8Zq1GLudj8/2FdjCXAcuNYAJrLNdhvlu5NoeQpYGEqpvH0fGxcPxpZMc+szJMw7AAeNvBh4HXgjkxYl9fVbCNyA58+3KzYYSR6UoCvplR+BdZkwry8vkOmZ1tYGOUTm1IAR4YMAuftdwF4G7grE/al+p4zHWeigjnBlEgWz6jEkDPADHxcFvn9C8AzmVnh9c0Arhv+bAGb7eVISuCbhgRlKynNHj8DZqU34yb+t4bbkZPUauW9WSmIxDnXK+khSa9KGpa0TtIZ4AUgUXY6QiLOrTn5tFOS+jIAHiXOuWvOuU75tPaYpLslvSvpa2BBSvh+ezYJOGfD82gaxHJTq0ybOuBligHg38ArJIwibOoC/CLzMgBNyc2IZ0jQdj4+T4/kR6B1on5lcB6w/hcF/GsvqRZhJYZYewc8D/xl/YaB5RXqnG19r+Umbn57SE7+BFAqnghWXYD5knokvSe/+E9KesQ5912FUNFGO5STdNleGjNhOY5Ei13SKUmPS/pH0hZJbc65HxJANtjzck7Sb/ZyX2qm4wiwWNJRSTvlTx2/kdTinHvTOZdPCBu573M5+eNNSbo/FdMxBLgT6JTfQ9rlZ8CLklY7586mhI/2wIE6SdGQrkwJOkqAVZK6A4UHJL3knDufkYrH7Hk8DBqvc/sGjbOiwj4r6EgBHIbxF+x3NcP4KNg9HRZut8KDKYBrnVh9ZXq2hIVz8WljAViUELiWqe4SiqnuvSMro4R+XwoF66nN4cMnxvXDcpWLKR4HLas2maQCrAh4lj8owX8pAn8IVle20S0UfGRw0jh2j9dwJsWwvquGHGMJ8IZxuwg0TNR4gzXOA2trxHFCsfVXsL+n43babcZcAZZWmWMcPsuBq8ZpZyUdJ1P85HbpVi5+MyKa7gcqXrv4T29HgpFZVyWu43FYH4xELzA1KdBU4HMDquXH0DpKP4b2kCIOjEAnA7soygkqzK0r1LcicLEFYGemW4F5s2iu5vGRwOjvE8nxl+B37OgGxMXY3imBskZgD6XXLQ7hD5QrjnDxofhm4DCl10K6mWifGCFJL9U0y1+qeVZSdLh2Q9Jx+WPMfvmrTIOShqx+unyO3aTipZq2oH9e0n75SzU/JeGVWPBJ2TZ8MpVUTgNbGRnFVihZHCRHRs3W6ItnjSq9eHZJ/uLZgPzoHc4q7f0PaCfmjrU/JM4AAAAASUVORK5CYII=');
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        -o-transition: 0.5s ease;
        transition: 0.5s ease;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > .single-podcast {
        width: 100% !important;
        margin: 0 0 30px 0!important;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .title > h1 {
        font-size: 2.6vw;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .button > p {
        font-size: 3vw;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .pagination {
        /* bottom: calc(var(--vh, 1vh) * -0.02); */
    }

    /* MOBILE HEADER */
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob {
        position: absolute;
        top: -150px;
        left: 0;
        width: 100%;
        height: 210px;
        background: #fff;
        transition: all 0.5s;
        z-index: 9;
        box-shadow: 0 0 15px rgba(0,0,0,.09);
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mobile-open {
        top: 0px;
        transition: all 0.5s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mobile-close {
        top: -150px;
        transition: all 0.5s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .nav-mob {
        float: left;
        width: 100%;
        height: auto;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .nav-mob > ul > li {
        float: left;
        width: 100%;
        height: 50px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .nav-mob > ul > li > a:active,
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .nav-mob > ul > li > a:link,
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .nav-mob > ul > li > a:visited {
        float: left;
        width: 100%;
        height: 100%;
        line-height: 50px;
        text-align: center;
        font-family: "Nexa Bold";
        text-transform: uppercase;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .nav-mob > ul > li > a:hover {
        color: #41c5c0;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr {
        float: left;
        width: 100%;
        height: 60px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .logo {
        float: left;
        width: calc(100% - 70px);
        height: 100%;
        /* background-image: url('https://nphoto.com//themes/contrib/nphoto/logo.svg'); */
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/nphoto-podcast-logo.svg');
        background-position: 20px 10px;
        background-size: 230px;
        background-repeat: no-repeat;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .logo > a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .btn {
        cursor: pointer;
        position: relative;
        float: left;
        width: 70px;
        height: 60px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .btn > .btn-icn {
        position: absolute;
        height: 2px;
        border-radius: 4px;
        background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .btn > .btn1 {
        top: 20px;
        left: 20px;
        width: 30px;
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg);
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .btn > .btn2 {
        top: 29px;
        left: 20px;
        width: 30px;
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .btn:hover > .btn2 {
        left: 15px;
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .btn > .btn3 {
        bottom: 20px;
        left: 20px;
        width: 30px;
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg);
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .btn > .btn1-change {
        top: 30px;
        left: 20px;
        width: 30px;
        -ms-transform: rotate(45deg); /* IE 9 */
        transform: rotate(45deg);
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .btn > .btn2-change {
        display: none;
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .header-mob > .header-wr > .btn > .btn3-change {
        top: 30px;
        left: 20px;
        width: 30px;
        -ms-transform: rotate(135deg); /* IE 9 */
        transform: rotate(135deg);
        transition: all 0.4s;
    }
    /* END MOBILE HEAER */



    /* -- MOBILE MAIN CONTENT -- */
    /* General */
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile {
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        height: calc(100vh - 140px);
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr {
        float: left;
        width: 100%;
        height: 100%;
    }

    /* Player & controls */
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr {
        float: left;
        width: 100%;
        height: 100%;
        padding: 4% 7%;
    }
    .main-ctn-mobile-wr > .player-wr > .podcast-header {
        display: block;
        position: absolute;
        width: 100%;
        height: auto;
        margin: -9% -7% 20px -7%;
        padding: 11% 5% 5% 5%;
        border-radius: 20px;
        background-color: #fff;
        box-shadow: 0 0 15px rgba(0,0,0,.6);
        opacity: 0.9;
        z-index: 1;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .podcast-header > h1 {
        font-size: 5vw;
        font-family: "Nexa Bold";
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .podcast-header > h2 {
        font-size: 3.5vw;
        margin-bottom: 2%;
        text-transform: uppercase;
        font-family: "Nexa Light";
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .thumb {
        display: block;
        margin: 0 auto;
        width: 107%!important;
        height: 107%!important;
        border-radius: 20px;
        box-shadow: 0 0 15px rgba(0,0,0,.1);
        filter: blur(10px);
        -webkit-filter: blur(10px);
        opacity: 0.7;
        position: absolute;
        right: 0;
        left: 0;
        bottom: -5px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .thumb > img {
        display: block;
        margin: auto;
        width: 107% !important;
        height: 107% !important;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox {
        position: fixed;
        display: block;
        right: 0;
        left: 0;
        bottom: 33%;
        margin: auto;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox > .player-timeline {
        position: relative;
        display: block;
        margin: 30px auto;
        width: 300px;
        height: 5px;
        border-radius: 4px;
        background: #f2f2f2;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox > .player-timeline > #elapsedmob {
        width: 0px;
        height: 5px;
        border-radius: 4px;
        background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
    }

    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox > .player-timeline > #elapsedmob > .time-fob {
        width: 22px;
        height: 22px;
        border: 1px solid #f3f3f3;
        border-radius: 15px;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.65);
        -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.65);
        box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.65);
        display: block;
        position: relative;
        float: right;
        left: 11px;
        top: -9px;
        pointer-events: none;
        z-index: 5;
    }

    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox > .player-timeline > span {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -100px;
        margin-top: 20px;
        width: 200px;
        height: 20px;
        line-height: 20px;
        font-family: "Nexa Bold";
        font-size: 3.5vw;
        text-align: center;
        color: #fff ;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox > .player-controls {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 230px;
        height: 100px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox > .player-controls > a > .play-previous {
        position: absolute;
        top: 25px;
        left: 10px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 15px rgba(0,0,0,.09);
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/prev.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 10px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox > .player-controls > a > .play-next {
        position: absolute;
        top: 25px;
        right: 10px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 15px rgba(0,0,0,.09);
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/next.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 10px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox > .player-controls > .play-current {
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -40px;
        margin-top: -40px;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 15px rgba(0,0,0,.09);
        /* background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v1-hr.svg'); */
        background-image: url('data:image/png;base64,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');
        background-position: 27px 24px;
        background-repeat: no-repeat;
        background-size: 30px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox > .player-controls > .pause-current {
        display: none;
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -40px;
        margin-top: -40px;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 15px rgba(0,0,0,.09);
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/pause.svg');
        background-position: 27px 26px;
        background-repeat: no-repeat;
        background-size: 24px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .main-ctn-mobile > .main-ctn-mobile-wr > .player-wr > .toolbox > .volume-controls {
        display: block;
        margin: 0 auto;
        float: unset;
    }
    /* -- END MOBILE MAIN CONTENT -- */



    /* -- MOBILE FOOTER BODY -- */
    /* General */
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body {
        position: absolute;
        bottom: -100vh;
        left: 0;
        width: 100%;
        height: calc(100% - 85px);
        background: #fff;
        transition: all 0.8s;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        box-shadow: 0 0 16px rgba(0,0,0,.09);
        z-index: 999;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-mobile-open {
        transition: ease-out 0.8s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-mobile-close {
        transition: ease-in 0.8s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-head {
        float: left;
        width: 100%;
        height: 80px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-head > .footer-hd-nav {
        cursor: pointer;
        position: relative;
        float: left;
        width: 60px;
        height: 100%;
        pointer-events: none;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-head > .footer-hd-nav > .hd-nav-arr {
        position: absolute;
        width: 20px;
        height: 2px;
        border-radius: 4px;
        background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
        pointer-events: none;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-head > .footer-hd-nav > .arr1 {
        top: 40px;
        left: 16px;
        -ms-transform: rotate(-40deg); /* IE 9 */
        transform: rotate(-40deg);
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-head > .footer-hd-nav > .arr2 {
        top: 40px;
        left: 30px;
        -ms-transform: rotate(-140deg); /* IE 9 */
        transform: rotate(-140deg);
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-head > .footer-hd-nav > .arr1-change {
        -ms-transform: rotate(40deg); /* IE 9 */
        transform: rotate(40deg);
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-head > .footer-hd-nav > .arr2-change {
        -ms-transform: rotate(140deg); /* IE 9 */
        transform: rotate(140deg);
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-head > .footer-hd-title {
        float: left;
        width: calc(100% - 140px);
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-head > .footer-hd-title > h2 {
        float: left;
        width: 100%;
        height: auto;
        padding-left: 10px;
        margin: auto;
        font-family: "Nexa Light";
        font-size: 5vw;
        pointer-events: none;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content {
        float: left;
        width: 105%;
        height: 90%;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 2% 11% 5% 5%;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .footer-content-wr {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .scrollbar {
        position: absolute;
        width: 2vw;
        height: 90%;
        background-color: #e2e0e0;
        right: 0px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .scrollbar .scroll {
        width: 100%;
        height: 0%;
        display: block;
        position: absolute;
        background-color: #b8b3b3;
        transition: top 0s linear;
        cursor: default;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .scrollbar .scroll:hover, .scrollbar .scroll:active {
        background-color: #87c9b7;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-recent,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-listen,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-share,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-subscribe,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-form-wrapper {
        float: left;
        width: 100%;
        height: auto;
        font-family: "Nexa Light";
        font-size: 17px;
        line-height: 20px;
        display: block;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > h3,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-recent > h3,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-listen > h3,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-share > h3,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-subscribe > h3 {
        margin: 5% 0 1% 0;
        font-size: 5vw;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-recent > .mob-recent-wr {
        float: left;
        width: 100%;
        margin-top: 15px;
        padding: 10px;
        border-radius: 20px;
        height: auto;
        background: #fff;
    }

    /* Details */
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt {
        margin-top: 1vw;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt > h2 {
        float: left;
        width: 100%;
        height: auto;
        font-family: "Nexa Light";
        font-size: 3vw;
        text-transform: uppercase;
        margin-bottom: 4%;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt > h1 {
        float: left;
        width: 100%;
        height: auto;
        font-family: "Nexa Bold";
        font-size: 4.7vw;
        margin-bottom: 20px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt > .details {
        float: left;
        width: 100%;
        height: 100%;
        font-family: "Nexa Light";
        font-size: 3.5vw;
        display: block;
        margin: 0 0 5% 0;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt > .details > .details-desc {
        float: left;
        width: 100%;
        height: 100%;
        font-family: "Nexa Light";
        font-size: 3.8vw;
        line-height: 1.5;
        display: block;
        margin: 0 0 5% 0;
    }


    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt > .details > .details-desc a {
        color: #444;
        font-family: "Nexa Bold";
        text-decoration: underline;
        text-decoration-color: #8fd5bd;
    }

    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt > .details > .row {
        float: left;
        margin: 0 0 1vw 0;
        width: 100%;
        height: 50px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt > .details > .row > .icn {
        float: left;
        width: 30px;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 26px;
        margin: 0 2vw 0 0;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt > .details > .row > .date {
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/calendar.svg');
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt > .details > .row > .duration {
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/time.svg');
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .slide-txt > .details > .row > .label {
        float: left;
        width: calc(100% - 60px);
        height: 100%;
        line-height: 50px;
        font-family: "Nexa Light";
    }

    /* Tags */
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr > ul {
        width: 100%;
        height: auto;
        margin-top: 2%;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr > ul > li {
        float: left;
        margin: 0 3vw 2vw 0;
        width: fit-content;
        height: auto;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr > ul > li > a:link,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr > ul > li > a:visited,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr > ul > li > a:active {
        float: left;
        padding: 3vw 3.5vw;
        background: #f2f2f2;
        border-radius: 6px;
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr > ul > li > a > span {
        float: left;
        width: 3vw;
        height: 3vw;
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/tag.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 3vw;
        transition: all 0.4s;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr > ul > li > a > p {
        float: left;
        margin-left: 2vw;
        margin-top: 0.3vw;
        font-family: "Nexa Bold";
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    /* In mobile nobody can hear you hover */
    /* .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr > ul > li > a:hover {
        background: #87c9b7;
        transition: all 0.4s;
    } */
    /* .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr > ul > li > a:hover > span {
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/tag-wh.svg');
        transition: all 0.4s;
    } */
    /* .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-tags > .mob-tags-wr > ul > li > a:hover > p {
        color: #fff;
        transition: all 0.4s;
    } */

    /* Subscribe button */
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-subscribe > .mob-subscribe-wr {
        display: block;
        float: left;
        background-color: #8fd5bd;
        background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
        border-radius: 15px;
        width: 70%;
        height: 9vw;
        margin: 5vw 0 7vw 0;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-subscribe > .mob-subscribe-wr > span {
        display: block;
        font-family: "Nexa Bold";
        font-size: 4vw;
        text-align: center;
        color: #fff;
        margin: auto;
        padding: 2.5vw 3vw;
    }
    /* Listen on */
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-listen > .mob-listen-ctn {
        display: inline-block;
        margin: 0 auto;
        width: 250px;
        height: auto;
        background: #fff;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-listen > .mob-listen-ctn > ul {
        width: 100%;
        height: auto;
        display: block;
        float: left;
        margin: 10% 0 2% 0;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-listen > .mob-listen-ctn > ul > li > a > .btn-wr {
        float: left;
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: block;
        margin-bottom: 3%;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-listen > .mob-listen-ctn > ul > li > a > .btn-wr > span {
        float: left;
        width: 50px;
        height: 50px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-listen > .mob-listen-ctn > ul > li > a > .listen-on {
        float: left;
        width: 100%;
        height: 60px;
        background: #fff;
        border: 1px solid #f2f2f2;
        border-radius: 10px;
        margin-bottom: 10%;
        box-shadow: 0 3px 0px rgba(116, 116, 116, 0.1);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-listen > .mob-listen-ctn > ul > li > a > .apple {
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/apple_podcasts.png');
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-listen > .mob-listen-ctn > ul > li > a > .google {
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/google_podcasts.png');
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-listen > .mob-listen-ctn > ul > li > a > .spotify {
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/spotify_podcasts.png');
    }

    /* Share & download */
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-share > .mob-share-ctn > ul > li {
        width: 12%;
        height: auto;
        display: inline-block;
        margin: 6% 5% 5% 0;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-share > .mob-share-ctn > ul > li > a > span {
        fill: #8fd5bd;
        /* fill: #909090; */
    }

    /* Recent podcasts */
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-recent > .mob-recent-wr > a > .mob-recent-item-wr {
        float: left;
        width: 100%;
        height: auto;
        margin: 15px 0 0;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-recent > .mob-recent-wr > a > .mob-recent-item-wr > .icn {
        float: left;
        width: 50px;
        height: 50px;
        background-image: url('https://cdn2.hubspot.net/hubfs/2360104/blog-nphoto/podcasts/assets/icon/play-v2.svg');
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 30px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-recent > .mob-recent-wr > a > .mob-recent-item-wr > .title,
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-recent > .mob-recent-wr > a > .mob-recent-item-wr > .desc {
        float: right;
        width: calc(100% - 50px);
        height: auto;
        margin-bottom: 5px;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-recent > .mob-recent-wr > a > .mob-recent-item-wr > .title > h4 {
        float: left;
        width: 100%;
        height: auto;
        font-family: "Nexa Bold";
        font-size: 3.5vw;
        line-height: 4vw;
    }

    /* Browse all podcasts button */
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-see-all {
        display: block;
        float: left;
        background-color: #8fd5bd;
        background-image: linear-gradient(210deg,#8fd5bd,#41c5c0);
        border-radius: 15px;
        width: 70%;
        height: 9vw;
        margin: 2vw 0 10vw 0;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-see-all > a {
        display: block;
        font-family: "Nexa Bold";
        font-size: 4vw;
        text-align: center;
        color: #fff;
        margin: auto;
        padding: 2.3vw 3vw;
    }
    /* Subscribe form */
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-form-wrapper {
        display: none;
        width: 100%;
        height: auto;
    }
    .podcast-app-mobile > .podcast-app-mobile-wr > .footer-body > .footer-content > .footer-content-wr > .mob-form-wrapper > .mob-form > .form-back {
        width: 100%;
        height: 6vw;
        font-family: "Nexa Bold";
        font-size: 5vw;
        margin-bottom: 8vw;
    }
    /* -- END MOBILE FOOTER BODY -- */
}

/* Podcast App Mobile Retouch */
@media(max-width:1024px){
    .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .button > span {
        width: 30px;
        height: 30px;
    }
}
@media(max-width:545px) {
    .podcast-app-mobile > .podcast-app-mobile-wr > .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .button > p {
        display: none;
    }
    .podcast-listing > .podcast-listing-wr > .podcast-cols-wr > a.single-podcast > .button > span {
        width: 85%;
        background-size: 23%;
    }
}
/* End - Podcast App Mobile */



/* Pop up */

.leadin-content-body .leadin-preview-wrapper span, .leadin-content-body .leadin-preview-wrapper span div, .leadin-content-body .leadin-preview-wrapper span div p, .leadin-content-body .leadin-preview-wrapper .advance-wrapper .leadin-button {
    font-family: "Nexa Light";
}
.leadin-content-body .leadin-preview-wrapper h4, .leadin-content-body .leadin-preview-wrapper .advance-wrapper .leadin-button {
    font-family: "Nexa Bold";
}