/****************************************************************/
/*              LIVESTREAMS                                     */
/****************************************************************/

/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.liveStreamListing {
    position: relative; }

.liveStreamList > article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px;
    overflow:hidden; }

    .liveStreamList > article:hover {
        box-shadow:0 0 3px #617ca3; }

    .liveStreamList .mediaThumb {
        width:100%;
        height:auto;
        border-radius:0.5em 0.5em 0 0;
        -moz-border-radius:0.5em 0.5em 0 0;
        -webkit-border-radius:0.5em 0.5em 0 0; }


/******** Overlay ********/

.liveStreamList .liveStreamTeaser .link {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:45%;
    padding:1em;
    border-radius:0.5em 0 0 0;
    -moz-border-radius:0.5em 0 0 0;
    -webkit-border-radius:0.5em 0 0 0;
    background:rgba(0,0,0,.7); }

    .liveStreamList .liveStreamTeaser h3 {
        color:#9eafc7;
        margin-bottom:1em; }

    .liveStreamList .liveStreamTeaser .text {
        color:#fff !important; }


    @media (min-width:320px) {

        .liveStreamList .liveStreamTeaser h3 {
            margin-bottom:0.75em;
            margin-top:0.5em;
            max-height:41px; }

        .liveStreamList .liveStreamTeaser .text {
            max-height:73px;
            overflow:hidden; }

    }

    @media (min-width: 1300px) {

        .liveStreamList .liveStreamTeaser .text {
            height:auto; }

    }


    .liveStreamList .liveStreamTeaser .details {
        color:#acbbc3;
        margin-top:1.5em; }


/*********************************************************/
/*              Listing                                  */
/*********************************************************/

.liveStreamThumbs .mediaOverlay {
    padding:0.5em 0.5em 0; }

    .liveStreamThumbs .mediaOverlay h3 {
        margin-top:0; }

    .liveStreamThumbs .mediaOverlay .additionalInfo p {
        color:#acbbc3; }


/******** Thumbs (Big) ********/

.liveStreamThumbs.big > li {
    position:relative;
    margin-bottom:20px; }

/*** Preview ***/

.liveStreamThumbs.big .mediaCover {
    position:relative;
    height:auto;
    overflow:hidden; }

    .liveStreamThumbs.big .mediaCover h3 {
        position:absolute;
        bottom:0;
        left:0;
        margin:0;
        padding:0.25em 0.5em;
        color:#fff;
        display:block;
        width:100%;
        height:28px;
        overflow:hidden;
        font-size:1.3em;
        line-height:1.2em;
        border-radius:0 0 0.5em 0.5em;
        -moz-border-radius:0 0 0.5em 0.5em;
        -webkit-border-radius:0 0 0.5em 0.5em;
        background:rgba(0,0,0,.7); }

    .liveStreamThumbs.big li:hover .mediaCover h3 {
        display:none; }

    .liveStreamThumbs.big .mediaCover i {
        padding:0;
        background:transparent; }

.liveStreamThumbs.big .hasPrice {
    height:60px;
    width:60px; }

    .liveStreamThumbs.big .hasPrice i {
        font-size:1.2em; }


/*** Hover ***/

.liveStreamThumbs.big .mediaOverlay {
    position:absolute;
    bottom:0;
    left:0;
    height:0;
    width:94%;
    padding:0;
    margin:0 10px;
    overflow:hidden;
    visibility:hidden;
    background:rgba(0,0,0,.7);
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    -webkit-transition:height 1s;
    -moz-transition:height 1s;
    -o-transition:height 1s;
    -ms-transition:height 1s;
    transition:height 1s;
    color:#fff; }

    .liveStreamThumbs.big li:hover .mediaOverlay {
        visibility:visible;
        height:100%; }

    .liveStreamThumbs.big .mediaOverlay a {
        height:100%;
        padding:1em;
        display:block; }

    .liveStreamThumbs.big .mediaOverlay h3 {
        color:#fff;
        margin:0;
        line-height:1.2em;
        height:23px;
        overflow:hidden; }

    .liveStreamThumbs.big .mediaOverlay .text {
        color:#fff !important;
        font-size:0.8em;
        margin:1em 0 0.5em 0;
        overflow:hidden; }

        @media (min-width: 992px) {

            .liveStreamThumbs.big .mediaOverlay .text {
                height:30px; }

        }

        /*
        @media (min-width: 1600px) {

            .liveStreamThumbs.big .mediaOverlay .text {
                height:35px; }

        }*/

    .liveStreamThumbs.big .mediaOverlay .additionalInfo .uploader {
        float:left;
        margin:1em 0; }

        .liveStreamThumbs.big .mediaOverlay .additionalInfo .uploader span {
            color:#9eafc7; }

        .liveStreamThumbs.big .mediaOverlay .additionalInfo .userThumb {
            height:35px;
            width:35px; }

    .liveStreamThumbs.big .mediaOverlay .additionalInfo .buyMedia {
        float:right;
        margin-top:1em; }

        .liveStreamThumbs.big .mediaOverlay .additionalInfo .buyMedia .buy {
            margin-right:0.5em;
            background:#617ca3;
            border:1px solid #003f61;
            border-radius:0.5em;
            -moz-border-radius:0.5em;
            -webkit-border-radius:0.5em;
            padding:0.2em 0.5em;
            text-align:center; }

            .liveStreamThumbs.big .mediaOverlay .additionalInfo .buyMedia .buy i {
                color:#fff; }

    .liveStreamThumbs.big .mediaOverlay .details {
        position:absolute;
        bottom:1em;
        left:0;
        width:100%;
        opacity:0;
        -webkit-transition:opacity 1s .5s;
        -moz-transition:opacity 1s .5s;
        -o-transition:opacity 1s .5s;
        -ms-transition:opacity 1s .5s;
        transition:opacity 1s .5s; }

        .liveStreamThumbs.big li:hover .mediaOverlay .details {
            opacity:1; }

    .liveStreamThumbs.big .mediaOverlay .details li {
        float:left;
        text-align:center;
        width:25%;
        padding:0 1em;
        color:#acbbc3; }

    @media (min-width:320px) {

        .liveStreamThumbs.big .mediaOverlay .details {
                font-size:0.9em; }

            .liveStreamThumbs.big .mediaOverlay .details li {
                    padding: 0 0.75em; }

    }

    @media (min-width:1300px) {

        .liveStreamThumbs.big .mediaOverlay .details {
                font-size:0.8em; }

            .liveStreamThumbs.big .mediaOverlay .details li {
                    padding: 0 0.75em; }

    }

    /*
    @media (min-width: 1600px) {

        .liveStreamThumbs.big .mediaOverlay .details {
                font-size:0.9em; }

            .liveStreamThumbs.big .mediaOverlay .details li {
                    padding: 0 1em; }

    }*/


/******** Thumbs (Small) ********/

.liveStreamThumbs.small article {
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px;
    overflow:hidden; }

    .liveStreamThumbs.small article:hover {
        box-shadow:0 0 3px #617ca3; }

.liveStreamThumbs.small .mediaCover {
    position:relative; }

    .liveStreamThumbs.small .mediaCover .mediaThumb {
        width: 100%;
        border-radius:0.5em 0.5em 0 0;
        -moz-border-radius:0.5em 0.5em 0 0;
        -webkit-border-radius:0.5em 0.5em 0 0; }

    .liveStreamThumbs.small .mediaCover i {
        position:absolute;
        bottom:0.5em;
        right:0.5em; }

.liveStreamThumbs.small .mediaCover .uploader {
    position:absolute;
    bottom:-0.75em;
    left:0.5em; }

    .liveStreamThumbs.small .mediaCover .uploader span {
        font-size:0.9em;
        color:#fff;
        text-shadow:0 0 2px #000; }

.liveStreamThumbs.small .mediaCover .userThumb {
    height:35px;
    width:35px; }

.liveStreamThumbs.small h3 {
    margin:1em 0.7em 0;
    height:20px;
    line-height:1.2em;
    font-size:1.2em;
    padding:0;
    overflow:hidden; }

.liveStreamThumbs.small .additionalInfo {
    padding:0.5em 1em 0; }

    .liveStreamThumbs.small .additionalInfo p {
        float:left;
        color:#acbbc3; }

    .liveStreamThumbs.small .additionalInfo .price {
        float:right; }

.liveStreamThumbs.small .details {
    font-size:0.9em;
    background: #f9fafb;
    box-shadow:inset 0 1px 2px #acbbc3;
    border-radius:0 0 0.5em 0.5em;
    -moz-border-radius:0 0 0.5em 0.5em;
    -webkit-border-radius:0 0 0.5em 0.5em; }

    .liveStreamThumbs.small .details li {
        float:left;
        width:33%;
        padding:0.3em 0.5em;
        color:#acbbc3;
        font-size: 0.9em;
        text-align:center; }

.liveStreamThumbs.small .hasPrice {
    height:50px;
    width:50px;
    padding:0.5em; }

    .liveStreamThumbs.small .hasPrice i {
        font-size:1.2em; }


/*** Hover ***/

.liveStreamThumbs.small .mediaCover .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:15% 0 0;
    text-align:center;
    border-radius:0.5em 0.5em 0 0;
    -moz-border-radius:0.5em 0.5em 0 0;
    -webkit-border-radius:0.5em 0.5em 0 0;
    background:rgba(0,0,0,.7);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

    .liveStreamThumbs.small article:hover .links {
        visibility:visible;
        opacity:1; }

    .liveStreamThumbs.small .mediaCover .links p {
        text-align:center;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        display:inline-block;
        padding:0.75em 1em; }

        .liveStreamThumbs.small .mediaCover .links p i  {
            position:relative;
            top:0;
            left:0;
            padding:0;
            font-size:1.8em;
            background:transparent; }


/******** Thumbs (List) ********/

.liveStreamThumbs.list article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px;
    overflow:hidden; }

    .liveStreamThumbs.list article:hover {
        box-shadow:0 0 3px #617ca3; }

.liveStreamThumbs.list .mediaCover {
    position:relative;
    float:left;
    width:33%; }

    .liveStreamThumbs.list .mediaCover .mediaThumb {
        width: 100%;
        border-radius:0.5em 0 0 0.5em;
        -moz-border-radius:0.5em 0 0 0.5em;
        -webkit-border-radius:0.5em 0 0 0.5em; }

    .liveStreamThumbs.list .mediaCover i {
        position:absolute;
        bottom:0.5em;
        left:0.5em; }

.liveStreamThumbs.list .mediaInfo {
    float:left;
    width:67%; }

    .liveStreamThumbs.list .mediaInfo h3 {
        margin:0;
        padding:0.75em 0.6em 0.3em; }

    .liveStreamThumbs.list .mediaInfo .text {
        padding:0 1em 0.5em;
        overflow:hidden; }

    .liveStreamThumbs.list .mediaInfo .price {
        position:absolute;
        top:1em;
        right:0.75em; }

.liveStreamThumbs.list .details {
    position:absolute;
    bottom:0;
    right:0;
    width:67%;
    padding:0 0 0 20%;
    font-size:0.9em;
    background: #f9fafb;
    box-shadow:inset 0 1px 2px #acbbc3;
    border-radius:0 0 0.5em 0;
    -moz-border-radius:0 0 0.5em 0;
    -webkit-border-radius:0 0 0.5em 0;
    z-index:2; }

    .liveStreamThumbs.list .details li {
        float:left;
        width:25%;
        padding:0.3em 0.5em;
        color:#acbbc3;
        font-size: 0.9em;
        text-align:center; }

.liveStreamThumbs.list .uploader {
    position:absolute;
    bottom:0.2em;
    left:34%;
    z-index:3; }

    .liveStreamThumbs.list .uploader .userThumb {
        height:35px;
        width:35px; }

    .liveStreamThumbs.list .uploader span {
        font-size:0.9em;
        vertical-align: bottom;
        max-width:65px;
        overflow:hidden; }

.liveStreamThumbs.list .hasPrice {
    height:50px;
    width:50px;
    padding:0.5em; }

    .liveStreamThumbs.list .hasPrice i {
        font-size:1.2em; }

.liveStreamThumbs.list .tagged {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0; }


/*** Hover ***/

.liveStreamThumbs.list .mediaCover .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:15% 0 0;
    text-align:center;
    border-radius:0.5em 0 0 0.5em;
    -moz-border-radius:0.5em 0 0 0.5em;
    -webkit-border-radius:0.5em 0 0 0.5em;
    background:rgba(0,0,0,.7);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

    .liveStreamThumbs.list article:hover .links {
        visibility:visible;
        opacity:1; }

    .liveStreamThumbs.list .mediaCover .links p {
        text-align:center;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        display:inline-block;
        padding:0.75em 1em; }

        .liveStreamThumbs.list .mediaCover .links p i  {
            position:relative;
            top:0;
            left:0;
            padding:0;
            font-size:1.8em;
            background:transparent; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

.viewLiveStream .description {
    margin:1em 0; }

.viewLiveStream .statistics li {
    float:left;
    margin:0 1em 0 0;
    color:#acbbc3; }

.viewLiveStream .access {
    margin:1em 0; }

    .viewLiveStream .access .countdown {
        margin-left:1.5em; }


.liveStreamDetail aside {
  top: 154px; }

/******** Slider ********/

.viewLiveStream .swiper-container {
    max-height:155px; }

.viewLiveStream #slider .arrow-left,
.viewLiveStream #slider .arrow-right {
    margin-top:0;
    top:30%; }

.viewLiveStream #slider .mediaCover i {
    position:absolute;
    bottom:0.5em;
    left:0.5em; }


/*********************************************************/
/*              Sidebar                                  */
/*********************************************************/

#liveStreamLinks {
    margin:1em; }

    #liveStreamLinks .liveStreamThumb {
        position:relative;
        margin:0 0 0.5em; }

        #liveStreamLinks .liveStreamThumb p {
            position:absolute;
            bottom:0;
            left:0;
            color:#fff;
            margin:0;
            padding:0.2em 0.5em;
            display:block;
            width:100%;
            border-radius:0 0 0.5em 0.5em;
            background:rgba(0,0,0,.7); }

            #liveStreamLinks .liveStreamThumb .hasPrice {
                height:45px;
                width:40px;
                padding:0.3em 0.5em 0.5em 0.3em; }

                #liveStreamLinks .liveStreamThumb .hasPrice i {
                    font-size:1em;
                    color:#fff; }