.mediaList{clear:both;margin:0;padding:20px 0 0; width: 100%;}
/*.mediaList h2{margin:0 0 20px 10px;padding:0;text-align:left}
.mediaList h6{font-weight:normal;height:35px;padding:5px 0;text-align:center}
.mediaList ul{list-style:none;margin:0;padding:0}
.mediaList ul li{float:left;list-style:none;margin:0;padding:0 14px 0;width:120px}
.mediaList ul a img{border:none;float:none!important;margin:0!important}
.centerHVGalleryML{background-color:#ccc;display:table-cell;height:120px;text-align:center;vertical-align:middle;width:120px}
.centerHVGalleryML *{vertical-align:middle}
.mediaList ul a,.mediaList ul a:hover{margin:0;padding:0}*/
/*\*//*/
.centerHVGalleryML {
    display: block;
}
.centerHVGalleryML span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

.commentMedia{margin-top: 30px; clear: both;}

#plejer, #plejer embed{display: block; overflow: hidden;}

h2.mediaDescription{color: #332C37; font-size: 33px;}
h1.mediaSetDescription{color: #332C37; font-size: 20px; margin-bottom: 20px;}

#hero .primary-content{width: 320px;}

/*----- Media List Scroll ------*/

.mediaListScroll{position:relative;} 
.mediaListScroll .mediaListBlock {height:170px;margin:0 auto;overflow:hidden;padding:0;position:relative;width:100%;}
.mediaListScroll .mediaListBlock .items {clear:both;position:absolute;width:20000em;}
.mediaListScroll .mediaListBlock .items div.mediaHolder {float:left;margin:0 20px 0 0;position:relative; width: 210px; height: 170px; display: block;}
.mediaListScroll .mediaListBlock .items div.mediaHolder a{display:block;position:relative;width:210px}
.mediaListScroll .mediaListBlock .items div.mediaHolder a span{color: #332C37; font-size: 16px; display: block; padding: 10px 0 5px;  height: 36px; line-height: 120%; overflow: hidden;}
.mediaListScroll .mediaListBlock .items div.mediaHolder a.currentMedia span{color: #FF0000; border-bottom: 1px solid #FF0000; }
.mediaListScroll .mediaListBlock .items div.mediaHolder a:hover span, .mediaListScroll .mediaListBlock .items div.mediaHolder a:hover{text-decoration: none;color: #FF0000; }
.mediaListScroll .mediaListBlock .items div.mediaHolder .centerHVGalleryML {display: table-cell;text-align: center;vertical-align: middle;height: 118px;width: 210px; background:#282828; position: relative;}
.mediaListScroll .mediaListBlock .items div.mediaHolder .centerHVGalleryML * {vertical-align: middle;}
.mediaListScroll .mediaListBlock .items div.mediaHolder .centerHVGalleryML img {}
/*.mediaListScroll .mediaListBlock .items div.mediaHolder span.videoIcon{background: url(/img/icons/media/video.png) no-repeat left top;cursor:pointer;display:block;height:40px;left:40px;position:absolute;top:40px;width:40px;}
.mediaListScroll .mediaListBlock .items div.mediaHolder span.audioIcon{background: url(/img/icons/media/audio.png) no-repeat left top;cursor:pointer;display:block;height:40px;left:40px;position:absolute;top:40px;width:40px;}*/

/*----- Left - Right Buttons ------*/

.mediaListScroll a.prev, .mediaListScroll a.prevPage {background:transparent url(/img/arrows/scroll_left.png) no-repeat 0 0;cursor:pointer;display:block;height:78px;left:0;position:absolute;top:20px;width:40px;z-index:2}
.mediaListScroll a.next, .mediaListScroll a.nextPage {background:transparent url(/img/arrows/scroll_right.png) no-repeat 0 0;cursor:pointer;
                                                      display:block;height:78px;position:absolute;right:0;top:20px;width:40px;z-index:2}
.mediaListScroll a.prev:hover, .mediaListScroll a.next:hover, .mediaListScroll a.prevPage:hover, .mediaListScroll a.nextPage:hover {}
.mediaListScroll a.disabled {visibility:hidden !important;}
.mediaListScroll a.next, .mediaListScroll a.nextPage {background-image:url(/img/arrows/scroll_right.png);clear:right;}


.mediaList1{display: none;}


/*----- Center Image Hor and Ver ------*/

/*.mediaListScroll .centerHVGalleryML {display: table-cell;text-align: center;vertical-align: middle;height: 90px;width: 120px;border: 1px solid #cccccc;}
.mediaListScroll .centerHVGalleryML * {vertical-align: middle;}*/
/*\*//*/
.mediaListScroll .centerHVGalleryML {display: block;}
.mediaListScroll .centerHVGalleryML span {display: inline-block;height: 100%;width: 1px;}
/**/


/* SOCIAL*/



/*tagRelated*/
.tagRelated {margin-bottom: 35px;}
.tagRelated h3{}
.tagRelated .tagStory{float: left; width: 140px; margin: 0 12px 0 0; position: relative;}
.tagRelated .tagStory.last{margin: 0;}
.tagRelated .tagStory a{width: 140px; margin-bottom: 5px; position: relative; display: block}
.tagRelated .tagStory a img{width: 100%; display: block; position: relative; z-index: 0;}
.tagRelated .tagStory a span{text-transform: uppercase; color: #fff; font-size: 10px; font-family: Arial; line-height: 140%; padding: 0 3px; float: right;
                             position: relative; z-index: 1; margin: 0; top: -14px;}
.tagRelated .tagStory a span.icon-photo{background-color: #F31955;}
.tagRelated .tagStory a span.icon-video{background-color: #00CCFF;}
.tagRelated .tagStory a span.icon-audio{background-color: #33CC33;}
.tagRelated .tagStory p.eventDate_releaseUpdateTime{font-size: 10px; color: #333; line-height: 140%; font-family: Arial;padding-bottom: 0;}
.tagRelated .tagStory p.eventDate_releaseUpdateTime span{padding: 0;}
.tagRelated .tagStory p.eventDate_releaseUpdateTime span.releaseUpdateTime{padding-left: 3px; }
.tagRelated .tagStory p.eventDate_releaseUpdateTime span.releaseUpdateTime span{color: #F31955;}
.tagRelated .tagStory h2.title{color: #332C37; font-size: 16px; margin: 0; line-height: 120%;}
.tagRelated .tagStory h2.title a{color: #332C37;}

.tagRelated .tagStory span.thumb-comment {
    position: absolute; 
    top: 10px; 
    left: 10px;
    height: 43px;
    background-image: url('/img/sisica.png');
    background-repeat: no-repeat;
    background-position: left 0;
    z-index: 1;
}
.tagRelated .tagStory span.thumb-comment span {
    display: block;
    width: auto;
    min-width: 26px;
    padding: 0 7px;
    height: 40px; 
    border-radius: 20px; 
    text-align: center; 
    line-height: 40px;
    color: #fff; 
    font-weight: bold; 
    font-size: 16px; 
    font-family: Arial; 
    background-color: #666;
}
.tagRelated.gray .tagStory span.thumb-comment {background-position: left -301px;}
.tagRelated.gray .tagStory span.thumb-comment span {background-color: #282828;}
.tagRelated.yellow .tagStory span.thumb-comment {background-position: left -43px;}
.tagRelated.yellow .tagStory span.thumb-comment span {background-color: #ff9900;}
.tagRelated.green .tagStory span.thumb-comment {background-position: left -86px;}
.tagRelated.green .tagStory span.thumb-comment span {background-color: #33cc33;}
.tagRelated.rose .tagStory span.thumb-comment {background-position: left -129px;}
.tagRelated.rose .tagStory span.thumb-comment span {background-color: #ff66ff;}
.tagRelated.blue .tagStory span.thumb-comment {background-position: left -172px;}
.tagRelated.blue .tagStory span.thumb-comment span {background-color: #00ccff;}
.tagRelated.red .tagStory span.thumb-comment {background-position: left -215px;}
.tagRelated.red .tagStory span.thumb-comment span {background-color: #ff0000;}
.tagRelated.violet .tagStory span.thumb-comment {background-position: left -258px;}
.tagRelated.violet .tagStory span.thumb-comment span {background-color: #cc00ff;}



/*-- Voting --*/

#mediaVoting {
    float: right; 
    width: 291px; 
    margin-top: 40px;
    padding: 10px 50px;
    background-color: #f8f8f8;
    border-radius: 5px;
    border: 0
}
.ratingStars {display: table;}
.ratingStars .bar {display: table;}
.ratingStars .bar .text {
    color: #666;
    display: table-cell;
    font-size: 32px;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
}

.ratingStars .bar .status {
    background: url(/img/ratingStarsImg.png) no-repeat; 
    padding: 0; 
    width: 190px; 
    height: 39px;
    display: table-cell;
    vertical-align: middle;
}
.ratingStars .bar .status .progress {
    background: url(/img/ratingStarsImgProgress.png) no-repeat;
    height: 39px;
    position: absolute;
    z-index:  0
}
.ratingHolder {
    background: url("/img/ratingStarsImg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 39px;
    margin: 0 auto;
    padding-left: 7px;
    width: 183px;
}
.rating, .rating a:hover, .rating a:active, .rating a:focus, .rating .current-rating {
    background: url("/img/rating.png") repeat-x scroll left -1000px transparent;
} 
.rating {
    background-position: left top;
    height: 39px;
    list-style: none outside none;
    margin: 0 auto 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 183px;
}
.rating li {
    display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.rating a, .rating .current-rating {
    border: medium none;
    height: 39px;
    left: 0;
    line-height: 39px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: -1000em;
    top: 0;
}
.rating a:hover, .rating a:active, .rating a:focus {
    background-position: left bottom;
    outline: medium none;
} 
.rating a.one-star {
    width: 35px;
    z-index: 6;
}
.rating a.two-star {
    width: 70px;
    z-index: 5;
}
.rating a.three-star {
    width: 105px;
    z-index: 4;
}
.rating a.four-star {
    width: 140px;
    z-index: 3;
}
.rating a.five-star {
    width: 175px;
    z-index: 2;
}
.rating .current-rating {
    background-position: left center;
    z-index: 1;
} 

#plejer embed, #plejer video {/*width: 100%; height: 506px !important;*/}
#plejer .centerGalleryBig{display: table-cell;text-align: center;vertical-align: middle;height: 506px; width: 900px; background:#282828; position: relative;}
#plejer .centerGalleryBig * {vertical-align: middle;}

@media (max-width: 2560px) {
    #hero .primary-content {width:320px;}
    #content{width: 580px;}
    #plejer embed, #plejer video {width: 100%; /*height: 325px !important;*/}

    .mediaListScroll .mediaListBlock {height:105px;margin:0 auto;overflow:hidden;padding:0;position:relative;width:100%;}
    .mediaListScroll .mediaListBlock .items div.mediaHolder {float:left;margin:0 20px 0 0;position:relative; width: 130px; height: 105px; display: block;}
    .mediaListScroll .mediaListBlock .items div.mediaHolder a{display:block;position:relative;width:130px}
    .mediaListScroll .mediaListBlock .items div.mediaHolder .centerHVGalleryML{width: 130px; height: 73px;}
    .mediaListScroll .mediaListBlock .items div.mediaHolder .centerHVGalleryML img{max-height: 73px; max-width: 130px;}
    .mediaListScroll .mediaListBlock .items div.mediaHolder a span{color: #332C37;   display: block;font-size: 12px;height: 20px;line-height: 115%;overflow: hidden;padding: 1px 0 10px;}

    .mediaListScroll a.prev, .mediaListScroll a.prevPage {background:transparent url(/img/arrows/scroll_left_small.png) no-repeat 0 0;cursor:pointer;display:block;height:53px;left:0;position:absolute;top:10px;width:28px;z-index:2}
    .mediaListScroll a.next, .mediaListScroll a.nextPage {background:transparent url(/img/arrows/scroll_right_small.png) no-repeat 0 0;cursor:pointer;
                                                          display:block;height:53px;position:absolute;right:0;top:10px;width:28px;z-index:2}

    #plejer .centerGalleryBig {width: 580px; height: 326px;}
    #plejer .centerGalleryBig img{max-height: 326px;}

    .QapTcha, .QapTcha .bgSlider{width: 340px !important;}
    .QapTcha .TxtStatus{top: 10px !important;}
    .QapTcha .dropSuccess { left: 5px !important;}

    .tagRelated .tagStory.fourth{margin-right: 0;}
    .tagRelated .tagStory.fifth, .tagRelated .tagStory.last{display: none;}
    .tagRelated .tagStory{margin-right: 6px;}
    .tagRelated .tagStory, .tagRelated .tagStory a{width: 140px;}
    .tagRelated .tagStory h2.title{font-size: 14px;}

    #mediaVoting {margin-bottom: 60px; padding: 10px; width: 267px;}
    .ratingStars .bar .text {font-size: 24px;}
    .addthis_toolbox.addthis_default_style { margin-bottom: 20px;}
}
@media (max-width: 997px) {
    #hero .primary-content {width:768px;}
    #content{width: 688px;}
    #stripe2{width: 768px; }
    #plejer embed, #plejer video {width: 100%; /*height: 387px !important;*/}

    .QapTcha, .QapTcha .bgSlider{width: 440px !important;}
    .QapTcha .TxtStatus{top: 15px !important;}
    .QapTcha .dropSuccess { left: 50px !important;}


    .mediaListScroll .mediaListBlock {height:127px;margin:0 auto;overflow:hidden;padding:0;position:relative;width:100%;}
    .mediaListScroll .mediaListBlock .items div.mediaHolder {float:left;margin:0 20px 0 0;position:relative; width: 157px; height: 127px; display: block;}
    .mediaListScroll .mediaListBlock .items div.mediaHolder a{display:block;position:relative;width:157px}
    .mediaListScroll .mediaListBlock .items div.mediaHolder a span{color: #332C37;   display: block;font-size: 12px;height: 20px;line-height: 117%;overflow: hidden;padding: 1px 0 10px;}
    .mediaListScroll .mediaListBlock .items div.mediaHolder .centerHVGalleryML{width: 157px; height: 88px;}
    .mediaListScroll .mediaListBlock .items div.mediaHolder .centerHVGalleryML img{max-height: 88px; max-width: 157px;}

    .mediaListScroll a.prev, .mediaListScroll a.prevPage {background:transparent url(/img/arrows/scroll_left_small.png) no-repeat 0 0;cursor:pointer;display:block;height:53px;left:0;position:absolute;top:17px;width:28px;z-index:2}
    .mediaListScroll a.next, .mediaListScroll a.nextPage {background:transparent url(/img/arrows/scroll_right_small.png) no-repeat 0 0;cursor:pointer;
                                                          display:block;height:53px;position:absolute;right:0;top:17px;width:28px;z-index:2}

    #plejer .centerGalleryBig{width: 688px; height: 387px;}
    #plejer .centerGalleryBig img{max-height: 387px;}

    .tagRelated .tagStory.fourth, .tagRelated .tagStory{margin-right: 7px;}
    .tagRelated .tagStory.fifth{display: block; margin-right: 0;}
    .tagRelated .tagStory, .tagRelated .tagStory a{width: 132px;}
    .tagRelated .tagStory p.eventDate_releaseUpdateTime span.releaseUpdateTime{padding-left: 0;}

    #mediaVoting {clear: both;}

}

@media (max-width: 767px) {
    #hero .primary-content {width:520px;}
    #content{width: 440px;}
    #stripe2{width: 520px;}
    #plejer embed, #plejer video {width: 100%; /*height: 250px !important;*/}
    .mediaList{display: none;}

    .QapTcha, .QapTcha .bgSlider{width: 240px !important;}
    .QapTcha .TxtStatus{top: 5px !important; left: 85px !important;}
    .QapTcha .dropSuccess { left: 5px !important; width: 140px !important;}

    .mediaList1{clear:both;margin:0;padding:20px 0 0; width: 100%; display: block;}
    .mediaListScroll{position:relative;} 
    .mediaListScroll .mediaListBlock1 {height:170px;margin:0 auto;overflow:hidden;padding:0;position:relative;width:100%;}
    .mediaListScroll .mediaListBlock1 .items {clear:both;position:absolute;width:20000em;}
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder {float:left;margin:0 20px 0 0;position:relative; width: 210px; height: 170px; display: block;}
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder a{display:block;position:relative;width:210px}
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder a span{color: #332C37; font-size: 16px; display: block; padding: 10px 0 5px;  height: 36px; line-height: 120%; overflow: hidden;}
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder a.currentMedia span{color: #FF0000; border-bottom: 1px solid #FF0000; }
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder a:hover span, .mediaListScroll .mediaListBlock1 .items div.mediaHolder a:hover{text-decoration: none;color: #FF0000; }
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder .centerHVGalleryML {display: table-cell;text-align: center;vertical-align: middle;height: 118px;width: 210px; background:#282828; position: relative;}
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder .centerHVGalleryML * {vertical-align: middle;}
    .mediaListScroll .mediaListBlock .items div.mediaHolder .centerHVGalleryML img{width: auto; height: auto;}
    /*.mediaListScroll .mediaListBlock .items div.mediaHolder span.videoIcon{background: url(/img/icons/media/video.png) no-repeat left top;cursor:pointer;display:block;height:40px;left:40px;position:absolute;top:40px;width:40px;}
    .mediaListScroll .mediaListBlock .items div.mediaHolder span.audioIcon{background: url(/img/icons/media/audio.png) no-repeat left top;cursor:pointer;display:block;height:40px;left:40px;position:absolute;top:40px;width:40px;}*/

    /*----- Left - Right Buttons ------*/

    .mediaListScroll a.prev, .mediaListScroll a.prevPage {background:transparent url(/img/arrows/scroll_left.png) no-repeat 0 0;cursor:pointer;display:block;height:78px;left:0;position:absolute;top:20px;width:40px;z-index:2}
    .mediaListScroll a.next, .mediaListScroll a.nextPage {background:transparent url(/img/arrows/scroll_right.png) no-repeat 0 0;cursor:pointer;
                                                          display:block;height:78px;position:absolute;right:0;top:20px;width:40px;z-index:2}
    .mediaListScroll a.prev:hover, .mediaListScroll a.next:hover, .mediaListScroll a.prevPage:hover, .mediaListScroll a.nextPage:hover {}
    .mediaListScroll a.disabled {visibility:hidden !important;}
    .mediaListScroll a.next, .mediaListScroll a.nextPage {background-image:url(/img/arrows/scroll_right.png);clear:right;}

    #plejer .centerGalleryBig{width: 440px; height: 248px;}
    #plejer .centerGalleryBig img {width: auto; height: auto; max-height: 248px;}

    .listTagsHolder{clear: both;}
    .tagRelated .tagStory.fourth, .tagRelated .tagStory{margin-right: 10px;}
    .tagRelated .tagStory.fifth{display: block; margin-right: 10px;}
    .tagRelated .tagStory, .tagRelated .tagStory a{width: 140px;}
    .tagRelated .tagStory.third, .tagRelated .tagStory.last{margin-right: 0;}
    .tagRelated .tagStory.last{display: block;}
    .tagRelated .tagStory{margin-bottom: 10px;}
    .tagRelated .tagStory p.eventDate_releaseUpdateTime span.releaseUpdateTime{padding-left: 3px;}

}

@media (max-width: 537px) {
    #hero .primary-content, #stripe2 {max-width:480px; width:100%;}
    #content{ margin: 0; width: 92%; padding: 30px 4%;}
    #plejer embed, #plejer video {width: 100%; /*height: auto !important;*/}

    .QapTcha, .QapTcha .bgSlider{width: 240px !important;}
    .QapTcha .dropSuccess { left: 5px !important;}


    .mediaListScroll .mediaListBlock1 {height:152px;margin:0 auto;overflow:hidden;padding:0;position:relative;width:100%;}
    .mediaListScroll .mediaListBlock1 .items{width: 1000%;}
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder {float:left;margin:0 0.46% 0 0;position:relative; width: 4.77%; height: 152px; display: block;}
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder a{display:block;position:relative;width:100%}
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder a span{color: #332C37;   display: block;font-size: 12px;height: 20px;line-height: 115%;overflow: hidden;padding: 1px 0 10px;}
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder .centerHVGalleryML {background: none repeat scroll 0 0 #282828;display: block;height: auto;position: relative;text-align: center;vertical-align: middle;width: 100%;}
    .mediaListScroll .mediaListBlock1 .items div.mediaHolder .centerHVGalleryML img {max-height: 100px;height: 100%;}
    .mediaListScroll a.prev, .mediaListScroll a.prevPage {background:transparent url(/img/arrows/scroll_left_small.png) no-repeat 0 0;cursor:pointer;display:block;height:53px;left:0;position:absolute;top:15%;width:28px;z-index:2}
    .mediaListScroll a.next, .mediaListScroll a.nextPage {background:transparent url(/img/arrows/scroll_right_small.png) no-repeat 0 0;cursor:pointer;
                                                          display:block;height:53px;position:absolute;right:0;top:20%;width:28px;z-index:2}


    #plejer .centerGalleryBig {width: auto; height: auto;}
    #plejer .centerGalleryBig img {width: auto;}
    #plejer .flex-slider {height: auto; }
    #plejer .centerGalleryBig img {max-height: initial;}


    .tagRelated .tagStory{width: 32%;}
    .tagRelated .tagStory a{width: 100%;}
    .tagRelated .tagStory.fourth, .tagRelated .tagStory{margin-right: 2%;}
    .tagRelated .tagStory.fifth{margin-right: 2%;}
    .tagRelated .tagStory p.eventDate_releaseUpdateTime span.releaseUpdateTime{padding-left: 0;}
    .tagRelated .tagStory h2.title{font-size: 12px;}
    .tagRelated .tagStory span.thumb-comment{left: 5px; top: 5px;}
    .tagRelated h3{font-size: 20px;}

    #playerContainer{width: 100%;}
    #mediaVoting { width: 80%;  padding: 10px 40px;}
    .ratingStars .bar .text {font-size: 20px;}
    h2.mediaDescription{font-size: 24px;}

}
@media (max-width: 370px) {
    #mediaVoting {width: 90%;padding: 10px 15px;}
    .ratingStars .bar .text {font-size: 16px;}
}

@media (max-width: 330px) {
    .QapTcha{margin-left: 20px !important;}
    .mediaListScroll a.prev, .mediaListScroll a.prevPage {top: 20%;}
    .mediaListScroll a.next, .mediaListScroll a.nextPage {top: 20%;}
}