#fantagio .items {
    /* margin: 0 -0.625rem 0 -0.5rem; */
    margin-left: -1.25rem;
}
#fantagio .items:after {
    content: "";
    display: block;
    clear: both;
}
#fantagio .items .item {
    display: inline-block;
    float: left;
    margin: 0 0rem 1.25rem 1.25rem;
    overflow: hidden;
}
.item > .video,
.item > .image {
    position: relative;
}
.item > .video {
}
.item > .video > img,
.item > .image > img {
    width: 100%;
    height: 100%;
}
.item > .video > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(30, 30, 30, 0.3);
}
.item > .video > a > img {
    position: absolute;
    top: calc(50% - 44px);
    left: calc(50% - 66px);
    transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
    width: 133px;
    height: 88px;
}
.item > .video > a:hover > img {
    /*width: 146px;*/
    /*height: 97px;*/
    /*top: calc(50% - 2.8rem);*/
    /*left: calc(50% - 3.8rem);*/
}
.item > img {
    display: block;
    width: 100%;
}
.item > .body {
    position: relative;
    padding: 1.5rem 1.875rem;
    /* width: 100%; */
    background-color: white;
}
.item > .body > h3 {
    line-height: 1.2;
    word-break: keep-all;
}
.item > .body > a.lets {
    position: absolute;
    text-decoration: none;
    font-family: 'Brandon Grotesque Bold';
    font-weight: normal;
    letter-spacing: 2px;
    color: #ef691a;
}
/*.item a.lets:before {*/
    /*content: " ";*/
    /*display: inline-block;*/
    /*margin-right: 0.5rem;*/
    /*width: 0.625rem;*/
    /*height: 1rem;*/
    /*background-image: url(../../images/common/icons/icon-fantagio-small.png);*/
    /*background-size: cover;*/
/*}*/
.big.item {
    width: 30.625rem;
}
.big.item > img,
.big.item > video {
    width: 100%;
    height: 30.625rem;
}
.big.item > video > img {
    width: 100%;
    height: 100%;
}
.small.item {
    width: 20rem;
}
.small.item > img,
.small.item > video {
    width: 100%;
    height: 20rem;
}
.small.item > video > img {
    width: 100%;
    height: 100%;
}
.small.item > .body {
    width: 100%;
    /* height: 10.625rem; */
}
.small.item > .body > h3 {
    font-size: 1.1rem;
    font-weight: 500;
}
.medium.item {
    width: 30.625rem;
    /* height: 30.625rem; */
}
.big.item {
    width: 41.25rem;
}
.artist.item.profile,
.artist.item.graphy {
    width: 30.625rem;
    height: 30.625rem;
    margin: 0.625rem;
    padding: 1.875rem;
    text-align: left;
    background-color: white;
    border: 2px solid #f0f0f0;
}
.profile.item h2,
.graphy.item h2 {
    margin: 0 0 0.8rem;
    padding: 0;
    font-family: "Brandon Grotesque Thin";
    font-size: 1.8rem;
    color: #222;
    text-transform: uppercase;
}
.graphy.item .graphies section h2 {
    margin-top: 5rem;
}
.graphy.item .graphies section:first-child h2 {
    margin-top: 0;
}
.profile.item h3,
.graphy.item h3 {
    margin: 0 0 1.1rem;
    padding: 0;
}
.profile.item h3 span,
.graphy.item h3 span {
    display: block;
    color: #222;
    font-weight: normal;
    font-size: 2.1rem;
    letter-spacing: 0.1rem;
}
.profile.item h4,
.graphy.item h4 {
    margin: 0;
    padding: 0;
    margin-top: 1rem;
    font-family: "Brandon Grotesque Bold";
    font-weight: normal;
    font-size: 0.9rem;
    text-transform: uppercase;
}
.item .thumbnail {
    position: relative;
}
.item .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.5s;
}
.item .thumbnail:hover > img {
    transform: scale(1.1);
}
.gallery.item .thumbnail {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.gallery.item .image.container {
    text-align: center;
    padding: 3rem 0;
}
.video-clip.item > .body {
    padding: 0;
}
.channel-fantagio .video-clip.item > .body {
    border: none;
}
.fantagio.pic-and-talk.item {
    cursor: pointer;
}
.fantagio.item {
    background-color: white;
}
.fantagio.item > .body {
    position: relative;
    padding: 1.875rem;
    width: 100%;
    background-color: white;
    border: 2px solid #f0f0f0;
}
.fantagio.item .date-and-views {
    margin-bottom: 0.5rem;
}
.fantagio.item > .body > a.lets {
    bottom: 1.2rem;
    left: 1.875rem;
}
.fantagio.item > .body > a.lets > img {
    width: 9px;
}
.small.fantagio.item {
    /*max-height: 61.25rem;*/
    width: 20rem;
    /* height: 490px; */
}
.small.fantagio.item > .image,
.small.fantagio.item > .video {
    height: 20rem;
}
.small.fantagio.item > .body {
}
.small.fantagio.item > .body > h3 {
    margin-bottom: 1rem;
    margin-top: 0rem;
    padding-bottom: 1.5rem;
    height: 4.5rem;
}
.small.fantagio.item > .body > p {
    font-size: 1.1rem;
    width: 100%;
    word-break: keep-all;
}
.medium.fantagio.item {
    width: 30.625rem;
    /*max-height: 61.25rem;*/
}
.medium.fantagio.item > .image,
.medium.fantagio.item > .video {
    height: 30.625rem;
}
.medium.fantagio.item > .body {
}
.medium.fantagio.item > .body > h3 {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    padding-bottom: 1.5rem;
    height: 4.8rem;
}
.medium.fantagio.item > .body > p {
    font-size: 1.1rem;
    width: 100%;
    word-break: keep-all;
}