.page-wrapper{
    padding:0;
    justify-content:flex-start
}
.page-wrapper .tv-web-wrapper{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center
}
.page-wrapper .tv-web-wrapper > .title{
    width:100%;
    padding:75px 5% 16px;
    background-color:#fcf0f3;
    text-align:center
}
.page-wrapper .tv-web-wrapper > .title h1{
    color:#d30061
}
.page-wrapper .tv-web-wrapper > .posts{
    max-width:1290px;
    padding:32px 5%
}

/* --- */
.load-more{
    padding-top:32px;
    max-width:250px;
    margin:auto
}
.load-more button{
    width:100%
}
.posts{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.posts .post{
    position:relative;
    width:100%;
    padding:16px 0;
    margin:16px 0;
    border-bottom:1px solid #d9d9d9
}
.posts .post:after{
    content:"";
    position:absolute;
    bottom:-16px;
    left:0;
    right:0;
    border-bottom:1px solid #d9d9d9
}
@media only screen and (min-width:768px){
    .posts .post{
        width:47%
    }
}
@media only screen and (min-width:1024px){
    .posts .post{
        width:30%
    }
}
.posts .post a .post-image{
    width:100%;
    padding-top:62%;
    display:flex;
    position:relative
}
.posts .post a .post-image img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.posts .post a .content{
    width:100%;
    padding:24px 0
}
.posts .post a .content .title{
    text-align:center;
    color:#d30061;
    font-size:18px;
    font-size:1.125rem
}
@media only screen and (min-width:768px){
    .posts .post a .content .title{
        font-size:24px;
        font-size:1.5rem
    }
}
.posts .post a .content .post-content{
    color:#141212;
    font-size:14px;
    font-size:.875rem
}
@media only screen and (min-width:768px){
    .posts .post a .content .post-content{
        font-size:16px;
        font-size:1rem
    }
}

/* --- */
.load-more{
    padding-top:32px;
    max-width:250px;
    margin:auto
}
.load-more button{
    width:100%
}
.posts{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.posts .post{
    position:relative;
    width:100%;
    padding:16px 0;
    margin:16px 0;
    border-bottom:1px solid #d9d9d9
}
.posts .post:after{
    content:"";
    position:absolute;
    bottom:-16px;
    left:0;
    right:0;
    border-bottom:1px solid #d9d9d9
}
@media only screen and (min-width:768px){
    .posts .post{
        width:47%
    }
}
@media only screen and (min-width:1024px){
    .posts .post{
        width:30%
    }
}
.posts .post a .post-image{
    width:100%;
    padding-top:62%;
    display:flex;
    position:relative
}
.posts .post a .post-image img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.posts .post a .content{
    width:100%;
    padding:24px 0
}
.posts .post a .content .title{
    text-align:center;
    color:#d30061;
    font-size:18px;
    font-size:1.125rem
}
@media only screen and (min-width:768px){
    .posts .post a .content .title{
        font-size:24px;
        font-size:1.5rem
    }
}
.posts .post a .content .post-content{
    color:#141212;
    font-size:14px;
    font-size:.875rem
}
@media only screen and (min-width:768px){
    .posts .post a .content .post-content{
        font-size:16px;
        font-size:1rem
    }
}
.loader{
    display:flex;
    width:100%;
    justify-content:center;
    align-items:center
}
.loader.overlay{
    position:fixed;
    top:0;
    bottom:25%;
    left:0;
    right:0
}
.loader .pmd-folding-cube{
    margin:20px auto;
    width:40px;
    height:40px;
    position:relative;
    transform:rotate(45deg)
}
.loader .pmd-folding-cube .pmd-cube{
    float:left;
    width:50%;
    height:50%;
    position:relative;
    transform:scale(1.1)
}
.loader .pmd-folding-cube .pmd-cube:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#ff007f;
    -webkit-animation:pmd-foldCubeAngle 2.4s linear infinite both;
    animation:pmd-foldCubeAngle 2.4s linear infinite both;
    transform-origin:100% 100%
}
.loader .pmd-folding-cube .pmd-cube2{
    transform:scale(1.1) rotate(90deg)
}
.loader .pmd-folding-cube .pmd-cube2:before{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.loader .pmd-folding-cube .pmd-cube3{
    transform:scale(1.1) rotate(180deg)
}
.loader .pmd-folding-cube .pmd-cube3:before{
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.loader .pmd-folding-cube .pmd-cube4{
    transform:scale(1.1) rotate(270deg)
}
.loader .pmd-folding-cube .pmd-cube4:before{
    -webkit-animation-delay:.9s;
    animation-delay:.9s
}
@-webkit-keyframes pmd-foldCubeAngle{
    0%,10%{
        transform:perspective(140px) rotateX(-180deg);
        opacity:0
    }
    25%,75%{
        transform:perspective(140px) rotateX(0deg);
        opacity:1
    }
    90%,to{
        transform:perspective(140px) rotateY(180deg);
        opacity:0
    }
}
@keyframes pmd-foldCubeAngle{
    0%,10%{
        transform:perspective(140px) rotateX(-180deg);
        opacity:0
    }
    25%,75%{
        transform:perspective(140px) rotateX(0deg);
        opacity:1
    }
    90%,to{
        transform:perspective(140px) rotateY(180deg);
        opacity:0
    }
}