/* xhtml, css, js coding by Joseph (c) 2014 */

/* --- main--- */

* {padding:0; margin:0; outline:none;}

html,body{ height:100%; }

body{
    color:#000;
    background: #f1f1f1;
    font: 13px/1.2 Arial, Helvetica, sans-serif;
}

a{
    color:#8898b3;
    text-decoration:none;
}

a:hover{
    color:#c10303;
}

a.text-link{
    color:#4e85b8;
    text-decoration:underline;
}

a.text-link:hover{
    color:#6296c7;
    text-decoration:none;
}

ul {list-style:none;}

a img {border:0;}

.clear {clear:both;}

.cf:before,
.cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    zoom: 1;
}

.hidden, .g_hidden {
    display: none;
}

.bold{
    font-weight: bold;
}

.big-link{
    font-size: 14px;
    font-weight: bold;
}

i.text-bullet{
    display: inline-block;
    margin: 0 5px;
    width: 3px;
    height: 3px;
    background: #9c9c9c;
    vertical-align: middle;
}

.text-gray{
    color: #666;
}
.text-gray-light{
    color: #8c8c8c;
}

.text-red{
    color: #c10000;
}

.hidden-visbl{
    visibility: hidden;
}

/* --- main ---*/


.viewport{
    width:100%;
    min-width:990px;
    min-height: 100%;
    overflow:hidden;
}

.wrapper {
    position:relative;
    width:1230px;
    margin:0 auto;
}

/* header topbar*/

.header-topbar{
    height: 24px;
    line-height: 24px;
    background: #dedede;
    border-bottom: 1px solid #acacac;
}

.header-topbar a{
    color: #000;
}

.header-topbar .network-links{
    height: 24px;
    float: left;
    color: #727272;
}

.header-topbar .network-links > li{
    float: left;
    margin-right: 14px;
}

.header-topbar .network-links > li > a:hover{
    color: #555;
    border-bottom: 1px solid #666;
}

.header-topbar .network-links > li.links-more {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
}

.header-topbar .network-links > li.links-more .more{
    position: relative;
    display: inline-block;
    color: #000;
}

.header-topbar .network-links > li.links-more:hover span{
    color: #555;
    //border-bottom: 1px solid #666;
}

.header-topbar .network-links > li.links-more  .more:after {
    content: "";
    position: absolute;
    top: 10px;
    right: -11px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -154px; width: 8px; height: 4px;
}


.header-topbar .network-links > li.links-more ul{
    display: none;
    position: absolute;
    z-index: 555;
    top: 24px;
    left: -11px;
    min-width: 100px;
    border: 1px solid #acacac;
    background: #ebebeb; /* #dedede */
}

.header-topbar .network-links > li.links-more ul > li{
    height: 24px;
    line-height: 24px;
    color: #5a5a5a;
    font-size: 11px;
    border-bottom: 1px dotted #acacac;
    white-space: nowrap;
}

.header-topbar .network-links > li.links-more ul > li:last-child{
    border-bottom: none;
}

.header-topbar .network-links > li.links-more ul > li > a{
    display: block;
    color: #5a5a5a;
    padding: 0 10px;
}

.header-topbar .network-links > li.links-more ul > li > a:hover{
    color: #000;
    background: #fff;
}

/*.header-topbar .network-links > li.links-more:focus ul */

/*
.header-topbar .network-links > li.links-more:hover ul{
    display: block;
}
*/


.header-topbar .network-links > li.links-more-active ul{
    display: block;
}


.header-topbar .topbar-right{
    float: right;
}

.header-topbar .topbar-right > li{
    float: left;
    height: 24px;
    border-right: 1px solid #acacac;
}

.header-topbar .topbar-right .search-form input[type="text"],
.header-topbar .topbar-right .search-form button{
    float: left;
    height: 24px;
    line-height: 24px;
    border: none;
    background: #fff;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header-topbar .topbar-right .search-form input[type="text"]{
    width: 257px;
    padding: 0 8px;
    border-left: 1px solid #acacac;
    border-right: 1px solid #acacac;
    font: 12px/1.2 Arial, Helvetica, sans-serif;
}

.header-topbar .topbar-right .search-form input[type="text"]:focus{
    background: #f1f1f1;
}

.header-topbar .topbar-right .search-form button{
    cursor: pointer;
    width: 43px;
    min-width: 0;
    line-height: 23px;
}

.header-topbar .topbar-right .search-form button i{
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -130px; width: 11px; height: 11px;
}

.header-topbar .topbar-right .search-form button:hover{
    background: #f1f1f1;
}

.header-topbar .topbar-right .text-link a{
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
}

.header-topbar .topbar-right .text-link a:hover,
.header-topbar .topbar-right .text-link-active a{
    color: #35a100;
    background: #fff;
}

.header-topbar .topbar-right .text-link-active a{
    font-weight: bold;
}

.header-topbar .topbar-right .gray-small a{
    color: #696969;
    font-size: 12px;
}

.header-topbar .topbar-right .community-link a i{
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat;
    background-position: -30px -374px; width: 13px; height: 10px;
}

.header-topbar .topbar-right .lang-choose{
    position: relative;
}

.header-topbar .topbar-right .lang-choose > a{
    display: block;
    height: 24px;
    line-height: 23px;
    padding: 0 20px 0 10px;

}

.header-topbar .topbar-right .lang-choose > a:after{
    content: "";
    position: absolute;
    top: 10px;
    right: 7px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -154px; width: 8px; height: 4px;
}

.header-topbar .topbar-right .lang-choose a i{
    margin-top: -2px;
}

.header-topbar .topbar-right .lang-choose:hover{
    background-color: #d8d8d8;
}
.header-topbar .topbar-right .lang-choose:hover > ul{
    display: block;
}

.header-topbar .topbar-right .lang-choose > ul{
    display: none;
    position: absolute;
    z-index: 555;
    top: 24px;
    right: -1px;
    width: auto;
    border: 1px solid #acacac;
    background: #dedede;
}

.header-topbar .topbar-right .lang-choose > ul > li{
    height: 24px;
    line-height: 24px;
    color: #696969;
    font-size: 11px;
    border-bottom: 1px dotted #acacac;
    white-space: nowrap;
}

.header-topbar .topbar-right .lang-choose > ul > li:last-child{
    border-bottom: none;
}

.header-topbar .topbar-right .lang-choose > ul > li > a{
    display: block;
    padding: 0 10px;
}
.header-topbar .topbar-right .lang-choose > ul > li > a:hover{
    color: #000;
    background: #fff;
}

/* member logged menu & links */

.header-topbar .member-links{
    padding: 0 8px;
}

.header-topbar .member-links ul{
    margin-top: 2px;
}

.header-topbar .member-links ul li{
    float: left;
    margin-right: 2px;
}

.header-topbar .member-links ul li:last-child{
    margin-right: 0;
}

.header-topbar .member-links ul li a{
    display: block;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-align: center;
}

.header-topbar .member-links ul li a i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    background: url(../images/sprite.png) no-repeat;
}

.header-topbar .member-links ul li a.friends i{
    background-position: -30px -105px; width: 16px; height: 14px;
}
.header-topbar .member-links ul li a.friends:hover i{
    background-position: -30px -120px; width: 16px; height: 14px;
}
.header-topbar .member-links ul li a.messages i{
    background-position: -30px -135px; width: 14px; height: 10px;
}
.header-topbar .member-links ul li a.messages:hover i{
    background-position: -30px -146px; width: 14px; height: 10px;
}
.header-topbar .member-links ul li a.settings i{
    background-position: -30px -157px; width: 14px; height: 14px;
}
.header-topbar .member-links ul li a.settings:hover i{
    background-position: -30px -172px; width: 14px; height: 14px;
}
.header-topbar .member-links ul li a.upload i{
    background-position: -30px -187px; width: 13px; height: 13px;
}
.header-topbar .member-links ul li a.upload:hover i{
    background-position: -30px -201px; width: 13px; height: 13px;
}


.header-topbar .member-menu{
    position: relative;
    width: 130px;
}

.header-topbar .member-menu > .user-name{
    cursor: pointer;
    display: block;
    height: 24px;
    line-height: 23px;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 23px 0 7px;

}

.header-topbar .member-menu > .user-name:after{
    content: "";
    position: absolute;
    top: 10px;
    right: 8px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0 -154px; width: 8px; height: 4px;
}

.header-topbar .member-menu > .user-name > i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -30px -215px; width: 16px; height: 16px;
}





.header-topbar .member-menu > ul{
    display: none;
    position: absolute;
    z-index: 555;
    top: 24px;
    right: -1px;
    width: 130px;
    border: 1px solid #696969;
    background: #ebebeb; /* #dedede */
}

.header-topbar .member-menu > ul > li{
    height: 24px;
    line-height: 24px;
    color: #5a5a5a;
    font-size: 11px;
    border-bottom: 1px dotted #acacac;
    white-space: nowrap;
}

.header-topbar .member-menu > ul > li:last-child{
    border-bottom: none;
}

.header-topbar .member-menu > ul > li > a{
    display: block;
    color: #5a5a5a;
    padding: 0 10px;
}

.header-topbar .member-menu > ul > li > a:hover{
    color: #000;
    background: #fff;
}

.header-topbar .member-menu > ul li a > i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    background: url(../images/sprite.png) no-repeat;
}
.header-topbar .member-menu > ul li a.videos > i{
    margin-right: 2px;
    background-position: -30px -249px; width: 13px; height: 9px;
}
.header-topbar .member-menu > ul li a.playlists> i{
    margin-right: 5px;
    background-position: -30px -350px; width: 10px; height: 9px;
}
.header-topbar .member-menu > ul li a.favorites > i{
    margin-right: 3px;
    background-position: -30px -259px; width: 12px; height: 12px;
}
.header-topbar .member-menu > ul li a.watch-later > i{
    margin-right: 4px;
    background-position: -30px -447px; width: 11px; height: 11px;
}
.header-topbar .member-menu > ul li a.subscribes> i{
    margin-right: 5px;
    background-position: -30px -338px; width: 10px; height: 10px;
}
.header-topbar .member-menu > ul li a.messages > i{
    margin-right: 4px;
    background-position: -30px -272px; width: 11px; height: 8px;
}
.header-topbar .member-menu > ul li a.wall-posts > i{
    margin-right: 3px;
    background-position: -30px -281px; width: 12px; height: 10px;
}
.header-topbar .member-menu > ul li a.my-profile > i{
    margin-right: 5px;
    margin-left: 2px;
    //background-position: -30px -292px; width: 12px; height: 11px;
    background-position: -30px -360px; width: 8px; height: 12px;
}
.header-topbar .member-menu > ul li a.friends > i{
    margin-right: 4px;
    background-position: -30px -304px; width: 11px; height: 10px;
}
.header-topbar .member-menu > ul li a.all-members > i{
    margin-right: 2px;
    background-position: -30px -315px; width: 13px; height: 10px;
}
.header-topbar .member-menu > ul li a.logout > i{
    margin-right: 4px;
    background-position: -30px -326px; width: 11px; height: 11px;
}



.header-topbar .member-menu-active{

}

.header-topbar .member-menu-active > .user-name{
    color: #d1d1d1;
    position: relative;
    z-index: 5;
    width: 102px;
    margin-left: -1px;
    background-color: #696969;
}

.header-topbar .member-menu-active > .user-name > i{
    background-position: -30px -232px;
}

.header-topbar .member-menu-active > ul{
    display: block;
}

/*

.header-topbar .member-menu:hover > .user-name,
.header-topbar .member-menu:focus > .user-name{
    color: #d1d1d1;
    position: relative;
    z-index: 5;
    width: 102px;
    margin-left: -1px;
    background-color: #696969;
}

.header-topbar .member-menu:hover > .user-name > i,
.header-topbar .member-menu:focus > .user-name > i{
    background-position: -30px -232px;
}

.header-topbar .member-menu:hover > ul,
.header-topbar .member-menu:focus > ul{
    display: block;
}

*/


/* main header */

.header{
    height:78px;

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */

    border-bottom: 1px solid #acacac;

}

.header .logo{
    margin: 9px 0 0 1px;
    float:left;
    width:200px;
}

.header .logo i{
    display: block;
    width: 172px;
    height: 51px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -100px 0;
}

.header .logo span{
    display: block;
    padding: 1px 0 0 3px;
    height:13px;
    font-size: 11px;
    line-height: 13px;
    color: #7c7c7c;
}


/* header: menu */
.header ul.main-menu{
    float: right;
    margin: 36px 0 0 0;
    height: 41px;
    border-top: 1px solid #acacac ;
    border-left: 1px solid #acacac ;
}

.header ul.main-menu > li{
    position: relative;
    float:left;
    height:41px;
    line-height: 40px;
    padding:0;
    border-right: 1px solid #acacac;
}

.header ul.main-menu > li a{
    display:block;
    height: 41px;
    line-height: 41px;
    padding: 0 14px;
    font-weight: bold;
    color: #000;
    background: #fff;

   -webkit-transition: background-color 0.3s;
   -moz-transition: background-color 0.3s;
   -o-transition: background-color 0.3s;
   -ms-transition: background-color 0.3s;
   transition: background-color 0.3s;
}
.header ul.main-menu > li.active a{
    position: relative;
    height: 42px;
    background-color: #f1f1f1;
}
.header ul.main-menu > li a:hover{
    background-color: #d8d8d8;
}

.header ul.main-menu > li.active a:hover{
    background-color: #f1f1f1;
}

.header ul.main-menu > li a i{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
}

.header ul.main-menu > li a.home i{
    background-position: -30px 0; width: 14px; height: 12px;
}
.header ul.main-menu > li a.newest i{
    background-position: -30px -13px; width: 13px; height: 13px;
}
.header ul.main-menu > li a.popular i{
    background-position: -30px -27px; width: 12px; height: 13px;
}
.header ul.main-menu > li a.channels i{
    background-position: -30px -41px; width: 12px; height: 12px;
}
.header ul.main-menu > li a.categories i{
    background-position: -30px -54px; width: 13px; height: 14px;
}
.header ul.main-menu > li a.models i{
    background-position: -30px -69px; width: 8px; height: 12px;
}
.header ul.main-menu > li a.playlists i{
    background-position: -30px -82px; width: 9px; height: 9px;
}
.header ul.main-menu > li a.longest i{
    background-position: -30px -92px; width: 12px; height: 12px;
}
.header ul.main-menu > li a.webcam i{
    background: url('../images/webcam.png'); width: 14px; height: 14px;
}


/* main container */

.main-content{
    margin-top: 25px;
    margin-bottom: 25px;
}

.block-thumbs {
    margin-bottom: 25px;
}

/* block title & filter */

.block-title-sub{
    margin-top: -10px;
}

.block-title{
    margin-bottom: 10px;
    padding-left: 25px;
}

.block-title .title-container,
.block-title .title,
.block-title h2{
    line-height: 20px;
    font-size: 17px;
    font-weight: bold;
    position: relative;
}

.block-title .title{
    display: inline-block;
}

.block-title .title:before,
.block-title h2:before{
    content: "";
    position: absolute;
    left: -25px;
    top: 0;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px 0px; width: 20px; height: 20px;
}

.block-title .common-bar{
    margin: 2px 0 0 1px;
    color: #6d6d6d;
    line-height: 22px;
}

.block-title .common-bar p.label{
    float: left;
    margin-right: 10px;
}

.block-title .common-bar .time-range{
    margin-left: -11px;
}


.sorting-choose{
    float: left;
    position: relative;
    margin-right: 21px;
}

.sorting-choose a{
    color: #6d6d6d;
}

.sorting-choose .current > a{
    position: relative;
    display: block;
    height: 20px;
    padding: 0 22px 0 8px;
    line-height: 20px;
    border: 1px solid #bdbdbd;
    background: #fff;
}

.sorting-choose .current > a:after{
    content: "";
    position: absolute;
    top: 8px;
    right: 7px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -154px; width: 8px; height: 4px;
}

.sorting-choose:hover .current > a{
    background: #dedede;
}

.sorting-choose:hover > ul{
    display: block;
}

.sorting-choose > ul{
    display: none;
    position: absolute;
    z-index: 555;
    top: 21px;
    left: 0;
    min-width: 51px;
    border: 1px solid #bdbdbd;
    background: #fff;
}

.sorting-choose > ul > li{
    color: #696969;
    border-bottom: 1px dotted #acacac;
    white-space: nowrap;
}

.sorting-choose > ul > li.active{
    font-weight: bold;
    background: #f5f5f5;
}

.sorting-choose > ul > li:last-child{
    border-bottom: none;
}

.sorting-choose > ul > li > a{
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 20px 0 10px;
}
.sorting-choose > ul > li > a:hover{
    color: #000;
    background: #dedede;
}

.sorting-choose > ul > li.active > a{
    cursor: default;
}

.sorting-long > ul{
    max-height: 260px;
    overflow-y: auto;
}


/* filter form */

.filter-form .checkbox-field{
    float: left;
    position: relative;
    margin-right: 21px;
}

.filter-form .checkbox-field input[type="checkbox"]{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 1px;
}
.filter-form .checkbox-field label{
    display: inline-block;
}



.filter-form button[type="submit"],
.block-title .narrow-button{
    height: 22px;
    padding: 0 10px;
    min-width: 0;
    border: 1px solid #bdbdbd;
    background: #fff;
}

.filter-form button[type="submit"]:hover,
.block-title .narrow-button:hover{
    background: #dedede;
}

.block-title .narrow-button.active{
    background: #dedede;
}

.block-title .filters-show-button{
    float: left;
    min-width: 100px;
    padding: 0 22px 0 8px;
    text-align: left;
    position: relative;
}

.block-title .filters-show-button:after{
    content: "";
    position: absolute;
    top: 8px;
    right: 7px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -154px; width: 8px; height: 4px;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}
.block-title .filters-show-button.active:after{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.icon-search{
    opacity: 0.5;
    display: inline-block;
    margin-right: 2px;
    margin-top: -2px;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -130px; width: 11px; height: 11px;
}

.filter-form .sorting-choose{
    margin-right: 10px;
}

.fixed-size-150 .current{
    width: 150px;
    overflow: hidden;
}
.fixed-size-120 .current{
    width: 120px;
    overflow: hidden;
}


/* block filters */

.block-filters{
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #bdbdbd;
    background: #DEDEDE;
}

.block-filters-container{
   /*-webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;*/
   max-height: 200px;

   //display: block;
}

.block-filters-container.hide{
    max-height: 0;

    overflow: hidden;
    //display: none;
}

.block-filters .label-filters{
    font-weight: bold;
    color: #6d6d6d;
    margin-bottom: 8px;
}

.alphabet-choose{
    margin-bottom: 12px;
}

.alphabet-choose > ul{
    font-size: 0;
    line-height: 0;
}

.alphabet-choose > ul > li{
    display: inline-block;
    margin-right: 3px;
}
.alphabet-choose .button{
    display: block;
    padding: 0 8px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #bdbdbd;
    background: #fff;
    font-size: 12px;
    color: #6d6d6d;
    font-weight: bold;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.alphabet-choose .button:hover{
    background-color: #ececec;
}

.alphabet-choose .button.active{
    cursor: default;
    color:#6d6d6d;
    background: #dedede;
}

.block-filters .sorting-choose .current > a{
    height: 30px;
    line-height: 30px;
}

.block-filters .sorting-choose .current > a:after{
    top: 14px;
}

.block-filters .sorting-choose > ul{
    top: 31px;
}





/* common menu */
.block-title .common-bar ul.common-menu {
    float: left;
}

.block-title .common-bar ul.common-menu li{
    position: relative;
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;
    //font-size: 12px;
}

.block-title .common-bar ul.common-menu li:before{
    content: '';
    position: absolute;
    top: 10px;
    right: -13px;
    width: 3px;
    height: 3px;
    background: #9c9c9c;
}


.block-title .common-bar ul.common-menu li:last-child:before{
    display: none;
}




.icon{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    background-repeat: no-repeat;
    background: url(../images/sprite.png) no-repeat;
}
.icon-close{
    background-position: 0px -227px; width: 7px; height: 9px;  
}










/* block thumbs */

.block-404{
    margin-bottom: 80px;
}

.thumbs-videos{

}

.thumbs-videos ul{
    margin-right: -10px;
}

.thumbs-videos ul li{
    float: left;
    width: 300px;
    //height: 205px; /* 35px add  */
    margin: 0 10px 12px 0;
}

.thumbs-videos ul li a{
    display: block;
}

.thumbs-videos ul li a .thumb{
    position: relative;
    color: #fff;
}

.thumbs-videos ul li .thumb img{
    display: block;
    width: 300px;
    height: 169px;
}

.thumb-paged .thumb-pagination {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.16s ease-out;
    z-index: 20;
}

.thumb-paged .thumb-pagination:hover {
    opacity: 1;
    filter: alpha(opacity=1);
}

.thumb-paged .thumb-pagination-item {
    position: relative;
    width: 20%;
    height: 100%;
    float: left;
}

.thumb-paged .thumb-pagination-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: rgba(0,0,0,0.25);
}

.thumb-paged .thumb-pagination-item:hover:before{
    background: rgba(0,0,0,0.75);
}

/*
.thumbs-videos ul li a .thumb:after{
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.43);

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-videos ul li a:hover .thumb:after{
    opacity: 1;
}
*/


.thumbs-videos ul li a:hover .thumb .buttons-overlay{
    opacity: 1;
}

.thumbs-videos ul li a:hover .thumb .add-to-fav:hover,
.thumbs-videos ul li a:hover .thumb .watch-later:hover{
    opacity: 1;
}

.thumbs-videos ul li .thumb .rating,
.thumbs-videos ul li .thumb .time{
    position: absolute;
    z-index: 10;
}

.thumbs-videos ul li .thumb .buttons-overlay{
    position: absolute;
    z-index: 50;
    opacity: 0;
    top: 3px;
    right: 3px;
    width: 47px;
    height: 22px;
}

.thumbs-videos ul li .thumb .rating,
.thumbs-videos ul li .thumb .time{

    height: 18px;
    line-height: 18px;

    background: rgba(0,0,0,0.7);

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.thumbs-videos ul li .thumb .rating{
    top: 2px;
    left: 2px;
    min-width: 50px;
    font-size: 11px;
    padding: 0 20px 0 7px;
}

.thumbs-videos ul li .thumb .rating:after{
    content: "";
    position: absolute;
    top: 1px;
    right: 5px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -165px; width: 14px; height: 16px;
}

.thumbs-videos ul li .thumb .rating-gray:after{
    background-position: 0px -355px;
}

.thumbs-videos ul li .thumb .rating-red:after{
    background-position: 0px -372px;
}


.thumbs-videos ul li .thumb .time{
    bottom: 2px;
    right: 2px;
    padding: 0 4px;
    min-width: 40px;
    font-weight: bold;
    text-align: center;
}

.thumbs-videos ul li .thumb .add-to-fav,
.thumbs-videos ul li .thumb .watch-later{
    position: absolute;

    cursor: pointer;
    opacity: 0.85;
    top: 0;
    width: 22px;
    height: 22px;
    line-height: 21px;
    text-align: center;
    border: none;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    padding: 0;
    min-width: 0;
}

.thumbs-videos ul li .thumb .add-to-fav.active,
.thumbs-videos ul li .thumb .watch-later.active{
    opacity: 1;
    background: #ccc;
}

.thumbs-videos ul li .thumb .add-to-fav{
    right: 25px;
}

.thumbs-videos ul li .thumb .add-to-fav i,
.thumbs-videos ul li .thumb .watch-later i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -218px; width: 8px; height: 8px;
}

.thumbs-videos ul li .thumb .watch-later{
    right: 0px;
}

.thumbs-videos ul li .thumb .watch-later i{
    background: url(../images/sprite.png) no-repeat;
    background-position: -30px -433px; width: 12px; height: 12px; 
}



.thumbs-videos ul li .thumb .add-to-fav.remove,
.thumbs-videos ul li .thumb .add-to-fav.edit{
    right: 0;
    width: auto;
    min-width: 22px;
    padding: 0 8px;
    height: 20px;
    color: #000;
    font-size: 11px;
    line-height: 18px;
    white-space: nowrap;
}
.thumbs-videos ul li .thumb .add-to-fav.remove i{
    margin-top: -2px;
    background-position: 0px -227px; width: 7px; height: 9px;
}

.thumbs-videos ul li .thumb .add-to-fav.edit i{
    margin-top: -2px;
    background-position: 0px -78px; width: 11px; height: 11px;
}

.thumbs-videos ul li .thumb-data{
    margin-top: 4px;
}

.thumbs-videos ul li .thumb-data .title{
    display: block;
    font-weight: bold;
    line-height: 15px;
    max-height: 15px;
    font-size: 13px;
    overflow: hidden;
}

.thumbs-videos ul li .thumb-data .added{
    display: block;
    color: #a1a1a1;
    font-size: 11px;
    padding: 2px 0 0 0;
    line-height: 13px;
}

/* see more button */
.block-thumbs .button-see-more{
    position: relative;
    display: block;
    margin: 10px 0 0 0;
    height: 41px;
    line-height: 41px;
    color: #000;
    font-weight: bold;
    text-align: center;
    background: #fff;
    border: 1px solid #acacac;
}

.block-thumbs .button-see-more:after{
    content: "";
    position: absolute;
    z-index: 10;
    top:-5px;
    left:50%;
    margin-left: -4px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -159px; width: 9px; height: 5px;
}

.block-thumbs .button-see-more:hover{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */

}

/* pagination */

.block-thumbs .pagination{
    margin-top: 10px;
}

.block-thumbs .pagination ul{
    display: table;
    width: 100%;
    height: 41px;
    line-height: 41px;
    background: #fff;
    border: 1px solid #acacac;
}

.block-thumbs .pagination ul li{
    display: table-cell;
    width: 41px;
    height: 41px;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #acacac;
}
.block-thumbs .pagination ul li:last-child{
    border-right: none;
}
.block-thumbs .pagination ul li.prev,
.block-thumbs .pagination ul li.next{
    width: auto;
}

.block-thumbs .pagination ul li.disabled{
    color: #bbb;
}

.block-thumbs .pagination ul li a{
    display: block;
    padding: 0 3px;
    height: 41px;
    line-height: 41px;
    color: #000;
}

.block-thumbs .pagination ul li.prev div,
.block-thumbs .pagination ul li.next div{
    padding: 0 3px;
    height: 41px;
    line-height: 41px;
}


.block-thumbs .pagination ul li.active{
    vertical-align: top;
}

.block-thumbs .pagination ul li.active div{
    position: relative;
    z-index: 165;
    height: 41px;
}

.block-thumbs .pagination ul li.active span{
    position: absolute;
    z-index: 11;
    top: -1px;
    left: 0;
    width: 41px;
    height: 43px;
    line-height: 43px;
    color:#969696;
    background: #f1f1f1;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-thumbs .pagination ul li a:hover{
    background: #dedede;
}


/* thumbs categories */
.thumbs-categories{

}

.thumbs-categories ul{
    margin-right: -10px;
}

.thumbs-categories ul li{
    float: left;
    width: 300px;
    //height: 271px;
    margin: 0 10px 16px 0;
}

.thumbs-categories ul li a{
    display: block;
}

.thumbs-categories ul li a .thumb{
    position: relative;
    color: #fff;
}

.thumbs-categories ul li a .thumb:after{
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.43);

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-categories ul li a:hover .thumb:after,
.thumbs-categories ul li a:hover .thumb .rank{
    opacity: 1;
}


.thumbs-categories ul li .thumb img{
    display: block;
    width: 300px;
    height: 225px;
}

.thumbs-categories ul li .thumb .videos-count,
.thumbs-categories ul li .thumb .rank,
.thumbs-categories ul li .thumb .title{
    position: absolute;
    z-index: 100;

    height: 18px;
    line-height: 18px;

    font-weight: bold;

    background: rgba(0,0,0,0.7);

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.thumbs-categories ul li .thumb .videos-count{
    top: 2px;
    left: 2px;
    min-width: 50px;
    padding: 0 5px 0 25px;
}

.thumbs-categories ul li .thumb .videos-count:after{
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -182px; width: 15px; height: 10px;
}

.thumbs-categories ul li .thumb .rank{
    opacity: 0;
    top: 2px;
    right: 2px;
    min-width: 50px;
    padding: 0 5px 0 25px;
}

.thumbs-categories ul li .thumb .rank:after{
    content: "";
    position: absolute;
    top: 3px;
    left: 6px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -193px; width: 12px; height: 11px;
}


.thumbs-categories ul li .thumb .title{
    bottom: 1px;
    right: 1px;
    padding: 0 5px;
    min-width: 40px;
    font-size: 15px;
    text-align: center;
}

.thumbs-categories ul li .thumb-desc{
    margin-top: 7px;
    height: 56px;
    color: #555;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
}

.thumbs-categories ul li a:hover .thumb-desc{
    color: #333;
}



/* thumbs channels */
.thumbs-channels{

}

.thumbs-channels ul{
    margin-right: -10px;
}

.thumbs-channels ul li{
    float: left;
    width: 300px;
    //height: 271px;
    margin: 0 10px 18px 0;
}

.thumbs-channels ul li a{
    display: block;
}

.thumbs-channels ul li a .thumb{
    position: relative;
    color: #fff;
}

.thumbs-channels ul li a .thumb:after{
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.43);

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-channels ul li a:hover .thumb:after,
.thumbs-channels ul li a:hover .thumb .rank{
    opacity: 1;
}


.thumbs-channels ul li .thumb img{
    display: block;
    width: 300px;
    height: 244px;
}

.thumbs-channels ul li .thumb .videos-count,
.thumbs-channels ul li .thumb .title{
    position: absolute;
    z-index: 100;

    height: 18px;
    line-height: 18px;

    font-weight: bold;

    background: rgba(0,0,0,0.7);

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.thumbs-channels ul li .thumb .videos-count{
    top: 2px;
    left: 2px;
    min-width: 50px;
    padding: 0 5px 0 25px;
}

.thumbs-channels ul li .thumb .videos-count:after{
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -182px; width: 15px; height: 10px;
}

.thumbs-channels ul li .thumb .discount{
    position: absolute;
    top: 0;
    right: 4px;
    z-index: 100;
    padding: 4px 5px;
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    text-align: center;
    background: #56ade2;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

   -webkit-transition: all 0.35s;
   -moz-transition: all 0.35s;
   -o-transition: all 0.35s;
   -ms-transition: all 0.35s;
   transition: all 0.35s;
}

.thumbs-channels ul li a:hover .thumb .discount{
    background: #CF0202;
}

.thumbs-channels ul li .thumb .discount > span {
    display: block;
}

.thumbs-channels ul li .thumb .discount .procent{
    font-size: 18px;
    line-height: 24px;
}

.thumbs-channels ul li .thumb .title{
    bottom: 1px;
    right: 1px;
    padding: 0 5px;
    min-width: 40px;
    font-size: 15px;
    text-align: center;
}

.thumbs-channels ul li .thumb-desc{
    margin-top: 7px;
    height: 42px;
    color: #555;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
}

.thumbs-channels ul li a:hover .thumb-desc{
    color: #333;
}






/* thumbs models */
.thumbs-models{

}

.thumbs-models ul{
    margin-right: -10px;
}

.thumbs-models ul li{
    float: left;
    width: 300px;
    height: 500px;
    margin: 0 10px 10px 0;
}

.thumbs-models ul li a{
    display: block;
}

.thumbs-models ul li a .thumb{
    position: relative;
    color: #fff;
}

.thumbs-models ul li a .thumb:after{
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.43);

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-models ul li a:hover .thumb:after{
    opacity: 1;
}


.thumbs-models ul li .thumb img{
    display: block;
    width: 300px;
    height: 500px;
}

.thumbs-models ul li .thumb .videos-count,
.thumbs-models ul li .thumb .country,
.thumbs-models ul li .thumb .name{
    position: absolute;
    z-index: 100;

    height: 18px;
    line-height: 18px;

    font-weight: bold;

    background: rgba(0,0,0,0.7);

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.thumbs-models ul li .thumb .videos-count{
    top: 2px;
    left: 2px;
    min-width: 50px;
    padding: 0 5px 0 25px;
}

.thumbs-models ul li .thumb .videos-count:after{
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -182px; width: 15px; height: 10px;
}

.thumbs-models ul li .thumb .country{
    top: 2px;
    right: 2px;
    min-width: 32px;
    padding: 0 8px;
    text-align: center;
    line-height: 17px;
}

.thumbs-models ul li .thumb .country i{
    margin-top: -2px;
}

.thumbs-models ul li .thumb .name{
    bottom: 2px;
    right: 2px;
    padding: 0 5px 0 20px;
    min-width: 40px;
    font-size: 15px;
}

.thumbs-models ul li .thumb .name:after{
    content: "";
    position: absolute;
    top: 3px;
    left: 8px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -205px; width: 8px; height: 12px;
}


.thumbs-models ul li .thumb-desc{
    margin-top: 7px;
    height: 84px;
    color: #000;
    font-size: 11px;
    line-height: 12px;
    overflow: hidden;
}

.thumbs-models ul li a:hover .thumb-desc{
    color: #555;
}









/* block playlists thumbs */

.thumbs-playlists{

}

.thumbs-playlists ul{
    margin-right: -10px;
}

.thumbs-playlists ul li{
    float: left;
    width: 300px;
    //height: 181px;
    margin: 0 10px 12px 0;
}

.thumbs-playlists ul li .thumb{
    position: relative;
    //height: 204px;
    color: #fff;
}

.thumbs-playlists ul li .thumb:after{
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 190;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.43);

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-playlists ul li:hover .thumb:after{
    opacity: 1;
}

.thumbs-playlists ul li .thumb .play-all{
    opacity: 0;
    position: absolute;
    z-index: 290;
    top: 0;
    right: 0;
    left: 0;

    height: 169px;

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-playlists ul li:hover .thumb .play-all:hover{
    background: rgba(0,0,0,0.43);
}


.thumbs-playlists ul li .thumb .play-all span{
    display: block;
    padding-top: 60px;

    color: #fff;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;

    text-transform: uppercase;
}

.thumbs-playlists ul li:hover .thumb .play-all{
    opacity: 1;
}


.thumbs-playlists ul li:hover .thumb .play-all span{
    opacity: 0.85;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-playlists ul li:hover .thumb .play-all:hover span{
    opacity: 1;
}



.thumbs-playlists ul li .thumb .view-playlist{
    opacity: 0;
    position: absolute;
    z-index: 290;
    bottom: 0;
    right: 0;
    left: 0;

    height: 84px;

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-playlists ul li:hover .thumb .view-playlist:hover{
    background: rgba(0,0,0,0.43);
}


.thumbs-playlists ul li .thumb .view-playlist span{
    display: block;
    padding-top: 25px;

    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;

    text-transform: uppercase;
}

.thumbs-playlists ul li:hover .thumb .view-playlist{
    opacity: 1;
}

.thumbs-playlists ul li:hover .thumb .view-playlist span{
    opacity: 0.85;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-playlists ul li:hover .thumb .view-playlist:hover span{
    opacity: 1;
}


.thumbs-playlists ul li .thumb img.thumb-main{
    display: block;
    width: 300px;
    height: 169px;
    margin-bottom: 2px;
}

.thumbs-playlists ul li .thumb img.thumb-small{
    display: block;
    float: left;
    width: 149px;
    height: 84px;
}
.thumbs-playlists ul li .thumb img.thumb-small.left{
    margin-right: 2px;
}


.thumbs-playlists ul li .thumb .rating,
.thumbs-playlists ul li .thumb .videos-count{

    position: absolute;
    z-index: 100;

    height: 18px;
    line-height: 18px;

    background: rgba(0,0,0,0.7);

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.thumbs-playlists ul li .thumb .rating{
    top: 2px;
    left: 2px;
    min-width: 50px;
    font-size: 11px;
    padding: 0 20px 0 7px;
}

.thumbs-playlists ul li .thumb .rating:after{
    content: "";
    position: absolute;
    top: 1px;
    right: 5px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -165px; width: 14px; height: 16px;
}

.thumbs-playlists ul li .thumb .videos-count{
    font-weight: bold;
    bottom: 2px;
    right: 2px;
    min-width: 50px;
    padding: 0 5px 0 25px;
}

.thumbs-playlists ul li .thumb .videos-count:after{
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -182px; width: 15px; height: 10px;
}

.thumbs-playlists ul li .thumb-data{
    margin-top: 4px;
    position: relative;
}

.thumbs-playlists ul li .thumb-data .title{
    display: block;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    max-height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 2px;
}

.thumbs-playlists ul li .thumb-data .added,
.thumbs-playlists ul li .thumb-data .added-author,
.thumbs-playlists ul li .thumb-data .favorited {
    display: block;
    color: #a1a1a1;
    font-size: 12px;
    padding: 2px 0 0 0;
    height: 13px;
    line-height: 13px;
}

.thumbs-playlists ul li .thumb-data .added-author .author-link{
    display: inline-block;
    vertical-align: bottom;
    color: #a1a1a1;
    font-size: 12px;
    line-height: 13px;

    //max-width: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

    text-decoration: underline;
}
.thumbs-playlists ul li .thumb-data .added-author .author-link:hover{

    color: #c10303;
    text-decoration: none;
}

.thumbs-playlists ul li .thumb-data .favorited{
    position: absolute;
    right: 0;
    bottom: 0;
}

.thumbs-playlists ul li .thumb-data .added i,
.thumbs-playlists ul li .thumb-data .added-author i,
.thumbs-playlists ul li .thumb-data .favorited i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
}

.thumbs-playlists ul li .thumb-data .added i{
    background-position: 0px -270px; width: 8px; height: 8px;
}

.thumbs-playlists ul li .thumb-data .added-author i{
    margin-top: -4px;
    margin-left: 1px;
    margin-right: 1px;
    background-position: 0px -248px; width: 6px; height: 10px;
}

.thumbs-playlists ul li .thumb-data .favorited i{
    margin-top: -4px;
    margin-right: -2px;
    background-position: 0px -259px; width: 10px; height: 10px;
}





/* block playlists EDIT thumbs */

.thumbs-playlists-edit{

}

.thumbs-playlists-edit ul{
    margin-right: -10px;
}

.thumbs-playlists-edit ul li{
    float: left;
    //width: 240px;
    //height: 181px;
    margin: 0 10px 12px 0;
}

.thumbs-playlists-edit ul li a{
    display: block;
}

.thumbs-playlists-edit ul li a .thumb{
    position: relative;
    color: #fff;
}

.thumbs-playlists-edit ul li a .thumb:after{
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7);

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-playlists-edit ul li a:hover .thumb:after{
    opacity: 1;
}

.thumbs-playlists-edit ul li a:hover .thumb .add-to-fav{
    opacity: 0.85;
}

.thumbs-playlists-edit ul li a:hover .thumb .add-to-fav:hover{
    opacity: 1;
}


.thumbs-playlists-edit ul li .thumb img{
    display: block;
    width: 300px;
    height: 169px;
}

.thumbs-playlists-edit ul li .thumb .videos-count{
    position: absolute;
    z-index: 100;

    height: 18px;
    line-height: 18px;

    font-weight: bold;

    background: rgba(0,0,0,0.7);

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.thumbs-playlists-edit ul li .thumb .videos-count{
    bottom: 2px;
    right: 2px;
    min-width: 50px;
    padding: 0 5px 0 25px;
}

.thumbs-playlists-edit ul li .thumb .videos-count:after{
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -182px; width: 15px; height: 10px;
}


.thumbs-playlists-edit ul li .thumb .add-to-fav{
    position: absolute;
    z-index: 100;
    cursor: pointer;
    opacity: 0;
    top: 3px;
    right: 3px;
    width: 22px;
    height: 22px;
    line-height: 21px;
    text-align: center;
    border: none;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    padding: 0;
    min-width: 0;
}

.thumbs-playlists-edit ul li .thumb .add-to-fav i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -218px; width: 8px; height: 8px;
}

.thumbs-playlists-edit ul li .thumb .add-to-fav.edit{
    width: auto;
    min-width: 22px;
    padding: 0 8px;
    height: 20px;
    color: #000;
    font-size: 11px;
    line-height: 18px;
}

.thumbs-playlists-edit ul li .thumb .add-to-fav.edit i{
    margin-top: -2px;
    background-position: 0px -78px; width: 11px; height: 11px;
}

.thumbs-playlists-edit ul li .thumb-data{
    margin-top: 4px;
}

.thumbs-playlists-edit ul li .thumb-data .title{
    display: block;
    font-weight: bold;
    line-height: 14px;
    max-height: 14px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 2px;
}

.thumbs-playlists-edit ul li .thumb-data .added {
    display: block;
    color: #a1a1a1;
    font-size: 12px;
    padding: 2px 0 0 0;
    line-height: 12px;
}

.thumbs-playlists-edit ul li .thumb-data .added i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
}

.thumbs-playlists-edit ul li .thumb-data .added i{
    background-position: 0px -270px; width: 8px; height: 8px;
}




/* thumbs members */
.thumbs-members{

}

.thumbs-members ul{
    margin-right: -10px;
}

.thumbs-members ul li{
    float: left;
    width: 145px;
    //height: 271px;
    margin: 0 10px 14px 0;
}

.thumbs-members ul li a{
    display: block;
}

.thumbs-members ul li a .thumb{
    position: relative;
    color: #fff;
}

.thumbs-members ul li a .thumb:after{
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.43);

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.thumbs-members ul li a:hover .thumb:after{
    opacity: 1;
}

.thumbs-members ul li a:hover .thumb .add-to-fav{
    opacity: 0.85;
}

.thumbs-members ul li a:hover .thumb .add-to-fav:hover{
    opacity: 1;
}


.thumbs-members ul li .thumb img{
    display: block;
    width: 145px;
    height: 145px;
}

.thumbs-members ul li .thumb .add-to-fav{
    position: absolute;
    z-index: 100;

    cursor: pointer;
    opacity: 0;

    top: 3px;
    right: 3px;

    min-width: 22px;
    padding: 0 8px;
    height: 20px;
    color: #000;
    font-size: 11px;
    line-height: 18px;


    border: none;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;

}

.thumbs-members ul li .thumb .add-to-fav i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -237px; width: 11px; height: 10px;
}

.thumbs-members ul li .thumb .add-to-fav.remove{
    width: auto;

}
.thumbs-members ul li .thumb .add-to-fav.remove i{
    margin-top: -2px;
    background-position: 0px -227px; width: 7px; height: 9px;
}


.thumbs-members ul li .thumb-data{
    margin-top: 4px;
    height: 28px;
    overflow: hidden;
}

.thumbs-members ul li .thumb-data .title{
    float: left;
    display: block;
    font-weight: bold;
    width: 115px;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.thumbs-members ul li .thumb-data .country{
    float: right;
    line-height: 15px;
}

.thumbs-members ul li .thumb-data .country i{
    margin-top: -2px;
}


.thumbs-members ul li .thumb-data .added{
    margin-right: 7px;
    clear: both;
    float: left;
    display: block;
    color: #6e6e6e;
    font-size: 11px;
    padding: 2px 0 0 0;
    line-height: 13px;
}

.thumbs-members ul li .thumb-data .added i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
}

.thumbs-members ul li .thumb-data .added i.male{
    background-position: 0px -291px; width: 10px; height: 10px;
}
.thumbs-members ul li .thumb-data .added i.female{
    margin-top: -3px;
    background-position: 0px -279px; width: 7px; height: 11px;
}


.thumbs-members ul li .thumb-data .viewed{
    float: left;
    color: #6e6e6e;
    font-size: 11px;
    padding: 2px 0 0 0;
    line-height: 13px;

    text-overflow: hidden;
}

.thumbs-members ul li .thumb-data .viewed i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -302px; width: 12px; height: 9px;
}





/* advertise */

.block-showtime .block-title{
    margin-bottom: 7px;
}

.block-showtime .showtime-thumbs{
    background: #e0f7ff;
    border: 1px solid #cfcfcf;
    padding: 8px 0 9px 8px;
}

.block-showtime .showtime-thumbs ul {
    height: 250px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.block-showtime .showtime-thumbs ul li{
    display: inline-block;
    margin: 0 7px 5px 0;
}

.block-showtime .showtime-thumbs ul li img{
    display: block;
}



/* friends */

.block-friends .block-title{
    margin-bottom: 7px;
}

.thumbs-friends {

    background: #fffeef;
    border: 1px solid #acacac;
    padding: 10px 0 14px 9px;
}

.thumbs-friends ul{
    height: 234px;
    overflow: hidden;
}


.thumbs-friends ul li{
    height: 234px;
    margin: 0 5px 5px 0;
}

.thumbs-friends ul li .thumb-data .title{
    display: block;
    font-weight: bold;
    line-height: 13px;
    height: 13px;
    overflow: hidden;
}

.thumbs-friends ul li .thumb-data .added{

}


.thumbs-friends ul li .friend-site-logo{
    margin-top: 6px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    background: #fff;
    border: 1px solid #d7d7d7;
}

.thumbs-friends ul li .friend-site-logo img{
    display: inline-block;
    vertical-align: middle;
}


/* footer */

.footer {
    min-height: 121px;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #d8d8d8;

    background: rgb(229,229,229); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(241,241,241,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(241,241,241,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(241,241,241,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */

}

.footer .links-block{
    margin-top: 8px;
}

.footer .links-block li{
    float: left;
    width: 240px;
}

.footer .links-block li.right{
    float: right;
    width: 200px;
}

.footer .links-block li > h3{
    color: #2b2b2b;
    font-size: 15px;
    font-weight: bold;
}

.footer .links-block li > ul{
    margin-top: 3px;
}

.footer .links-block li > ul > li{
    padding-left: 12px;
    height: 16px;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    position: relative;
}

.footer .links-block li > ul > li:before{
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 7px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -90px; width: 3px; height: 3px;
}


.footer .links-block li > ul > li a{
    color: #939393;
    text-decoration: underline;
}

.footer .links-block li > ul > li a:hover{
    color:#888;
    text-decoration: none;
}


.footer-copyright {
    margin: 13px 0;
    font-size: 11px;
    color: #737373;
    text-align: center;
}

/* Go to Top button */

.viewport .go-top-button{
    position: fixed;
    display: block;
    z-index: 999;
    top: 45%;
    right: 30px;
    width: 32px;
    height: 32px;
    text-indent: -900em;
    background: #fff;
    border: 1px solid #acacac;
    -webkit-box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
}

.viewport .go-top-button:before{
    content: "";
    position: absolute;
    left: 10px;
    top: 12px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -21px; width: 13px; height: 8px;
}
.viewport .go-top-button:hover{
    background: #dedede;
}

/* form buttons etc. */


input,
button,
textarea,
select,
label{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    font: 12px/1.2 Arial, Helvetica, sans-serif;
}

input[type="text"],
input[type="password"],
select{
    padding: 0 5px;
    width: 230px;
    height: 27px;
    border: 1px solid #bdbdbd;
    background: #fff;
}

input[type="file"]{
    width: 230px;
    height: 25px;
}

select{
    padding: 0;
    line-height: 27px;
}

textarea{
    padding: 4px 5px;
    resize: none;
    border: 1px solid #bdbdbd;
    background: #fff;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{
    background-color: #ececec;
}


button{
    cursor: pointer;
    padding: 0 15px;
    min-width: 90px;
    height: 32px;
    border: 1px solid #bdbdbd;
    background: #fff;
    color: #6d6d6d;
    font-weight: bold;
    text-align: center;
}

button:hover{
    background-color: #ececec;
}




.form-block ul.form > li{
    color: #6d6d6d;
    margin-bottom: 11px;
    position: relative;
}

.form-block ul.form > li.no-label{
    padding-left: 120px;
}

.form-block ul.form > li > label{
    float: left;
    width: 120px;
    padding-right: 10px;
    text-align: right;
    line-height: 27px;
}

.form-block ul.form > li input[type="text"],
.form-block ul.form > li input[type="password"],
.form-block ul.form > li select{
    float: left;
}


.form-block ul.form > li input.half-size{
    width: 166px;
}

.form-block ul.form > li select{
    padding: 0;
    line-height: 27px;
}

.form-block ul.form > li textarea{
    float: left;
    width: 393px;
    height: 126px;
}

.form-block ul.form > li input[type="text"]:focus,
.form-block ul.form > li input[type="password"]:focus,
.form-block ul.form > li textarea:focus{
    background-color: #ececec;
}


.form-block ul.form > li button{
    float: left;
    padding: 0 14px 0 7px;
}

.form-block ul.form > li button.button{
    padding: 0 10px;
}

.form-block ul.form > li button.button-inline{
    padding: 0 10px;
    height: 27px;
    min-width: 0;
    margin-left: 4px;
}

.form-block ul.form > li button:hover{

}

.form-block ul.form > li button i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px;
    background: url(../images/sprite.png) no-repeat;
}

.form-block ul.form > li button.button-login{
}
.form-block ul.form > li button.button-login i{
    margin-top: -3px;
    background-position: 0px -30px; width: 12px; height: 10px;
}

.form-block ul.form > li button.button-signup{
    width: 166px;
}
.form-block ul.form > li button.button-signup i{
    margin-top: -3px;
    background-position: 0px -41px; width: 13px; height: 12px;
}

.form-block ul.form > li button.button-message{
    width: 166px;
}
.form-block ul.form > li button.button-message i{
    margin-top: -3px;
    background-position: 0px -54px; width: 14px; height: 10px;
}

.form-block ul.form > li button.button-getpass{
    width: 136px;
}
.form-block ul.form > li button.button-getpass i{
    margin-top: -3px;
    background-position: 0px -65px; width: 10px; height: 12px;
}

.form-block ul.form > li button.button-save{
    width: 166px;
}
.form-block ul.form > li button.button-save i{
    margin-top: -3px;
    background-position: 0px -78px; width: 11px; height: 11px;
}


/* errors */

.form-block ul.form > li .message-block{

    margin: 5px 0;
    margin-bottom: 24px;
    padding: 5px 7px;

    font-weight: bold;

    //background: #efefef;

    color: #333;

   border-bottom: 1px solid #ddd;
}

.form-block ul.form > li .message-block-noborder{
    border: none;
}

.form-block ul.form > li .message-block p{
    margin-bottom: 14px;
}

.form-block ul.form > li .message-error{
    color: #c10000;
    //background: #fae2e1;
}

.form-block ul.form > li .message-ok{
    color: #4b7f00;
    //background: #effae1;
}

.form-block ul.form > li.field-error,
.form-block ul.form > li.field-hint{
    margin-top: -10px;
}

.form-block ul.form > li.field-error p{
    display: inline-block;
    padding: 1px 3px;
    font-size: 11px;
    color: #c10000;
    background: #fae6e4;

    //-webkit-border-radius: 2px;
    //border-radius: 2px;

}
.form-block ul.form > li.field-hint p{
    padding: 1px;
    font-size: 11px;
    color: #333;

    //-webkit-border-radius: 2px;
    //border-radius: 2px;

}

/* Float login form */

.float-login-form{
    position: fixed;
    z-index: 9999;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background: rgba(0,0,0,0.71);
}

.float-login-form .wrapper-fixed{
    position: relative;
    height: 100%;
    width:1240px;
    margin:0 auto;
}

.float-login-form .login-form-container{
    position: relative;
    top:50%;
    padding: 7px 8px;
    margin: -116px 60px 0 60px;
    min-height: 232px;
    background: #fff;
    border: 1px solid #acacac;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.float-login-form .close-button{
    position: absolute;
    z-index: 100;
    top: -14px;
    right: -14px;
    width: 28px;
    height: 28px;
    background: #686868;
    border: 1px solid #e2e2e2;

    text-align: center;
    line-height: 26px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.float-login-form .close-button i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -30px -420px; width: 10px; height: 10px;
}

.float-login-form .close-button:hover{
    background: #818181;
}


.float-login-form .login-form-block{

}

.float-login-form .login-form-block h2{
    position: relative;
    margin: 1px 0 0 6px;
    padding-left: 24px;
    font-size: 22px;
    line-height: 26px;
}

.float-login-form .login-form-block h2:before{
    content: "";
    position: absolute;
    left: -4px;
    top: 2px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px 0px; width: 20px; height: 20px;
}


.float-login-form .login-form-block .login-form{
    margin: 28px 0 0 200px;
    width: 350px;
}

.float-login-form .login-form a{
    color: #6d6d6d;
    text-decoration: underline;
}

.float-login-form .login-form a:hover{
    text-decoration: none;
}

.float-login-form .login-form .forgot-pass{
    float: left;
    margin-left: 20px;
    line-height: 32px;
    color:#4e85b8;
}

.float-login-form .login-form .forgot-pass:hover{
    color:#c10303;
}
.float-login-form .login-form .not-a-member{
    line-height: 18px;
}

.float-login-form .register-block {
    position: absolute;
    z-index: 50;
    top:  7px;
    right: 8px;
    bottom: 7px;
    padding: 11px 0 0 83px;
    width: 365px;
    font-weight: bold;
    background: #e2e2e2;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.float-login-form .register-block h2{
    font-size: 22px;
    line-height: 26px;
}

.float-login-form .register-block h5{
    font-size: 12px;
    line-height: 17px;
}

.float-login-form .register-block ul{
    margin: 10px 0 0 15px;
    color:#6d6d6d;
}

.float-login-form .register-block ul li{
    position: relative;
    padding-left: 16px;
    height: 20px;
    line-height: 20px;
}

.float-login-form .register-block ul li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -94px; width: 6px; height: 6px;
}

.float-login-form .register-block .button-register{
    display: block;
    margin-top: 10px;
    padding: 0 14px 0 7px;
    width: 190px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #bdbdbd;
    background: #fff;
    color: #6d6d6d;
    font-weight: bold;
    text-align: center;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.float-login-form .register-block .button-register:hover{
    background-color: #ececec;
}

.float-login-form .register-block .button-register i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 2px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -41px; width: 13px; height: 12px;
}



/* block border */

.block-border{
    padding: 50px 0;
    background: #fff;
    border: 1px solid #acacac;
    margin-bottom: 25px;
}



/* block signup*/
.block-contact-us .form-contact-us{
    background: #fff;
    border: 1px solid #acacac;
    margin-bottom: 25px;
}

.block-contact-us .form-contact-us ul.form{
    margin: 0 auto;
    width: 513px;
    padding-left: 37px;
}


/* block signup*/

.block-signup .form-signup,
.block-signup .signup-benefits{
    padding-bottom: 40px;
    min-height: 500px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-signup .form-signup{
    float: left;
    width: 774px;
}

.block-signup .form-signup ul.form,
.block-signup .form-signup-wide ul.form{
    margin: 0 auto;
    width: 460px;
}

.block-signup .signup-benefits{
    float: right;
    width: 453px;
    padding-left: 44px;

}

.block-signup .signup-benefits h3{
    font-size: 22px;
    font-weight: bold;
}

.block-signup .signup-benefits h3 span{
    color: #57aee3;
}

.block-signup .signup-benefits ul{
    margin: 40px 0 0 22px;
    color:#6d6d6d;
    font-weight: bold;
}

.block-signup .signup-benefits ul li{
    position: relative;
    padding-left: 17px;
    height: 30px;
    line-height: 29px;
}

.block-signup .signup-benefits ul li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -94px; width: 6px; height: 6px;
}



/* block login*/
.block-login .form-login {
    padding-bottom: 50px;
}

.block-login .form-login ul.form{
    margin: 0 auto;
    width: 450px;
}

.block-login .form-login a{
    color: #6d6d6d;
    text-decoration: underline;
}

.block-login .form-login a:hover{
    text-decoration: none;
}

.block-login .form-login .forgot-pass{
    float: left;
    margin-left: 20px;
    line-height: 32px;
    color:#4e85b8;
}

.block-login .form-login .forgot-pass:hover{
    color:#c10303;
}
.block-login .form-login .not-a-member{
    line-height: 18px;
}


/* block restore password */
.block-restore-pass .form-restore-pass {
    padding-bottom: 50px;
}

.block-restore-pass .form-restore-pass ul.form{
    margin: 0 auto;
    width: 468px;

    padding-left: 78px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-restore-pass .form-restore-pass ul.form > li label{
    float: none;
    display: block;
    width: auto;
    text-align: left;
    padding-left: 0;
}

.block-restore-pass .form-restore-pass .captcha{
    float: left;
    margin-right: 11px;
}

.block-restore-pass .form-restore-pass .captcha-input{
    float: left;
    margin-top: 13px;
}

.block-restore-pass .form-restore-pass ul.form > li input.big-size{
    width: 324px;
}

.block-restore-pass .form-restore-pass ul.form > li input.half-size{
    width: 148px;
}


/* COMMUNITY & ALL Members Pages */



.block-latest-comments,
.block-latest-events{
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-latest-comments{
    padding-right: 17px;
}

.block-latest-events{
    padding-left: 17px;
}

/* comments list */
.block-community-info .comments-list{
    margin-bottom: 20px;
}

.block-community-info .comments-list > li{
    line-height: 22px;
}

.block-community-info .comments-list > li .left,
.block-community-info .comments-list > li .right{
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

.block-community-info .comments-list > li .left{
    width: 60%;
    text-overflow: ellipsis;
}

.block-community-info .comments-list > li .right{
    color: #b2b2b2;
    text-align: right;
    width: 40%;
    text-overflow: ellipsis;

    padding-left: 15px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-community-info .comments-list > li .name{
    position: relative;
    color: #959595;
    font-weight: bold;
    margin-right: 5px;
    padding-left: 18px;
}

.block-community-info .comments-list > li .name:before {
    content: '';
    width: 12px;
    height: 10px;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    background-position: -60px -24px;
    position: absolute;
    top: 2px;
    left: 0px;
}

.block-community-info .comments-list > li a:hover .name{
    color: #777;
    text-decoration: underline;
}

.block-community-info .comments-list > li .flag{
    margin-top: -2px;
    margin-right: 5px;
}





/* events list */
.block-community-info .events-list{
    margin-bottom: 20px;
}

.block-community-info .events-list > li{
    line-height: 22px;
}

.block-community-info .events-list > li .left,
.block-community-info .events-list > li .right{
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

.block-community-info .events-list > li .left{
    width: 80%;
    text-overflow: ellipsis;
}

.block-community-info .events-list > li .right{
    color: #b2b2b2;
    text-align: right;
    width: 20%;

    padding-left: 15px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-community-info .events-list > li .name{
    position: relative;
    color: #959595;
    font-weight: bold;
    margin-right: 5px;
}

.block-community-info .events-list > li a:hover .name{
    color: #777;
    text-decoration: underline;
}

.block-community-info .events-list > li .flag{
    margin-top: -2px;
    margin-right: 5px;
}








.form-search-members{
    padding: 10px 0;
}

.form-search-members ul.form{

    font-size: 12px;
    margin: 0 20px;
    width: auto;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-search-members ul.form > li{
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}

.form-search-members ul.form > li label{
    width: auto;
}

.form-search-members ul.form > li .select-field,
.form-search-members ul.form > li input[type="text"]
{
    width: 150px;
}

.form-search-members ul.form > li .select-gender
{
    width: 80px;
}

.form-search-members ul.form > li .select-sort
{
    width: 125px;
}


 

.form-search-members ul.form > li  .button{
    height: 27px;
    min-width: 0;
}


.form-search-members ul.form > li .age-field{
    width: 80px;
}

.form-search-members ul.form > li .field-inline-text{
    display: inline-block;
    line-height: 27px;
    vertical-align: top;
    padding: 0 5px;
}

.form-search-members ul.form > li.field-checkbox{
    padding-top: 8px;
}

.form-search-members ul.form > li.field-checkbox input[type="checkbox"]{
    float: left;
    margin-right: 5px;
}

.form-search-members ul.form > li.field-checkbox label{

    width: auto;
    padding-right: 0;
    text-align: left;
    line-height: normal;


    float: left;
    margin-right: 2px;

    cursor: pointer;
}

.form-search-members ul.form > li button i.icon-search{
    background-position: 0px -130px;
}












/* PROFILE PAGE */

/* profile header */

.block-profile-header{
    margin-bottom: 23px;
    height: 315px;
    position: relative;
    background: #c5c5c5;
}

.block-profile-header .profile-cover-picture{
    height: 315px;
    overflow: hidden;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border-bottom: 1px solid #acacac;
}


.block-profile-header .profile-cover-picture img{
    display: block;
    width: 100%;
    //height: 100%;
}

.block-profile-header .change-cover-picture{
    position: absolute;
    z-index: 100;

    top: 12px;
    left: 13px;

    padding: 0 8px;
    height: 19px;
    font-size: 11px;
    line-height: 18px;
    color: #fff;

    background: rgba(0,0,0,0.8);

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.block-profile-header .change-cover-picture:hover{
    background: rgba(0,0,0,0.6);
}

/* profile header: menu */
.block-profile-header ul.profile-menu{
    position: absolute;
    z-index: 100;
    left: 15px;
    bottom: 0;

    height: 41px;
    border: 1px solid #acacac ;
    border-right: none;
}

.block-profile-header ul.profile-menu > li{
    position: relative;
    float:left;
    height:41px;
    line-height: 40px;
    padding:0;
    border-right: 1px solid #acacac;
}

.block-profile-header ul.profile-menu > li a{
    display:block;
    height: 41px;
    line-height: 41px;
    padding: 0 14px;
    font-weight: bold;
    color: #000;
    background: #fff;

   -webkit-transition: background-color 0.3s;
   -moz-transition: background-color 0.3s;
   -o-transition: background-color 0.3s;
   -ms-transition: background-color 0.3s;
   transition: background-color 0.3s;
}

.block-profile-header ul.profile-menu > li.active a{
    position: relative;
    height: 42px;
    background-color: #f1f1f1;
}
.block-profile-header ul.profile-menu > li a:hover{
    background-color: #d8d8d8;
}

.block-profile-header ul.profile-menu > li.active a:hover{
    background-color: #f1f1f1;
}

.block-profile-header ul.profile-menu > li a i{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
}

.block-profile-header ul.profile-menu > li a.my-videos i{
    background-position: -60px -313px; width: 14px; height: 9px;
}
.block-profile-header ul.profile-menu > li a.my-playlists i{
    background-position: -60px -323px; width: 9px; height: 9px;
}
.block-profile-header ul.profile-menu > li a.my-favorites i{
    background-position: -60px -333px; width: 12px; height: 12px;
}
.block-profile-header ul.profile-menu > li a.watch-later i{
    background-position: -30px -433px; width: 12px; height: 12px;
}
.block-profile-header ul.profile-menu > li a.comments i{
    background-position: -60px -346px; width: 12px; height: 10px;
}
.block-profile-header ul.profile-menu > li a.messages i{
    background-position: 0px -54px; width: 14px; height: 10px;
}
.block-profile-header ul.profile-menu > li a.subscribes i{
    background-position: -60px -13px; width: 10px; height: 10px;
}
.block-profile-header ul.profile-menu > li a.friends i{
    background-position: -60px -357px; width: 14px; height: 13px;
}
.block-profile-header ul.profile-menu > li a.edit-profile i{
    background-position: 0px -329px; width: 12px; height: 12px;
}
.block-profile-header ul.profile-menu > li a.view-profile i{
    background-position: -30px -69px; width: 8px; height: 12px;
}
.block-profile-header ul.profile-menu > li a.upload i{
    background-position: 0px -342px; width: 12px; height: 12px;
}
.block-profile-header ul.profile-menu > li a.add-to-friends i{
    background-position: 0px -41px; width: 13px; height: 12px;
}

.block-profile-header ul.profile-menu > li a span{
    color: #888;
}

/* profile header: avatar */

.block-profile-header .profile-avatar{
    position: absolute;
    z-index: 100;
    right: 8px;
    top: 8px;

    padding: 5px;
    width: 135px;

    background: #f4f4f4;
    border: 1px solid #b1b1b1;
}

.block-profile-header .profile-avatar a{
    display: block;
}

.block-profile-header .profile-avatar a .thumb{
    position: relative;
    color: #fff;
}

.block-profile-header .profile-avatar a .thumb:after{
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.43);

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.block-profile-header .profile-avatar a:hover .thumb:after{
    opacity: 1;
}


.block-profile-header .profile-avatar .thumb img{
    display: block;
    width: 135px;
    height: 135px;
}

.block-profile-header .profile-avatar .thumb-data{
    margin-top: 4px;
    height: 26px;
}

.block-profile-header .profile-avatar .thumb-data .title{
    float: left;
    display: block;
    font-weight: bold;
    width: 115px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.block-profile-header .profile-avatar .thumb-data .country{
    float: right;
    line-height: 13px;
}

.block-profile-header .profile-avatar .thumb-data .country i{
    margin-top: -2px;
}


.block-profile-header .profile-avatar .thumb-data .added{
    margin-right: 7px;
    clear: both;
    float: left;
    color: #6e6e6e;
    font-size: 11px;
    padding: 2px 0 0 0;
    line-height: 13px;

}

.block-profile-header .profile-avatar .thumb-data .added i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
}

.block-profile-header .profile-avatar .thumb-data .added i.male{
    background-position: 0px -291px; width: 10px; height: 10px;
}
.block-profile-header .profile-avatar .thumb-data .added i.female{
    margin-top: -3px;
    background-position: 0px -279px; width: 7px; height: 11px;
}

.block-profile-header .profile-avatar .thumb-data .viewed{
    float: left;
    color: #6e6e6e;
    font-size: 11px;
    padding: 2px 0 0 0;
    line-height: 13px;

    text-overflow: hidden;
}

.block-profile-header .profile-avatar .thumb-data .viewed i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -302px; width: 12px; height: 9px;
}












/* */

.block-profile-content{
    display: table;
    width: 100%;
}

.block-profile-left{
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.block-profile-right{
    display: table-cell;
    width: 240px;
    padding-left: 10px;
    vertical-align: top;
}




/* profile: right
*/

.block-profile-right .block-title > h2 > span{
    display: inline-block;
    max-width: 215px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-profile-right .block-border{
    width: 240px;
    padding: 13px 17px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-profile-right .about-me > li{
    margin-bottom: 8px;
}
.block-profile-right .about-me > li:last-child{
    margin-bottom: 0;
}

.block-profile-right .about-me > li .label{
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
}

.block-profile-right .about-me > li .data{
    color: #696969;
    font-size: 11px;
    line-height: 14px;
}


.block-profile-right .list-items > li{
    padding: 2px 0 2px 12px;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    position: relative;
}

.block-profile-right .list-items > li:before{
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 7px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -90px; width: 3px; height: 3px;
}



/* profile Page: Edit Profile */
.block-profile-edit .form-edit-profile {

}

.block-profile-edit .form-edit-profile ul.form{


    margin: 0 auto;
    width: 540px;

    padding-left: 0px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-profile-edit .form-edit-profile ul.form > li label{

}

.block-profile-edit .form-edit-profile ul.form > li.field-error{
    width: 230px;
}

.block-profile-edit .form-edit-profile ul.form > li.field-error-wide{
    width: auto;
}

.block-profile-edit .form-edit-profile ul.form > li textarea{
    width: 420px;
}

.block-profile-edit .form-edit-profile ul.form > li.text-menu p{
    margin-bottom: 5px;
}

/* profile Page: Edit Profile: Avatar; */

.block-profile-edit .form-edit-profile ul.form > li.avatar-block{
    position: relative;
    margin:0;
}

.block-profile-edit .form-edit-profile ul.form > li.avatar-block .avatar{
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
    padding: 5px;
    width: 135px;
    background: #fff;
    border: 1px solid #bebebe;
}

.block-profile-edit .form-edit-profile ul.form > li.avatar-block .avatar .thumb{
    margin-bottom: 4px;
}

.block-profile-edit .form-edit-profile ul.form > li.avatar-block .avatar .thumb img{
    display: block;
}

.block-profile-edit .form-edit-profile ul.form > li.avatar-block .avatar button{
    float: none;
    width: 100%;
    color: #777;
}

.block-profile-edit .form-edit-profile ul.form > li.avatar-block .avatar ul{
    margin: 5px 0;
}

.block-profile-edit .form-edit-profile ul.form > li.avatar-block .avatar ul li{
    position: relative;
    padding-left: 14px;
    color: #9b9b9b;
    font-size: 9px;
    line-height: 12px;
}

.block-profile-edit .form-edit-profile ul.form > li.avatar-block .avatar ul li:before{
    content: '';
    position: absolute;
    top: 4px;
    left: 6px;
    width: 3px;
    height: 3px;
    background: #9c9c9c;
}

.block-profile-edit .form-edit-profile ul.form > li.avatar-block .avatar p.field-error{
    margin-top: 4px;

    padding: 1px 3px;
    font-size: 11px;
    color: #c10000;
    background: #fae6e4;

    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.block-profile-edit .form-edit-profile ul.form > li.avatar-block label.avatar-delete{
    float: none;
    width: auto;
    padding: 0;

    color: #777;
    font-size: 11px;
    text-align: left;
    line-height: 14px;
}

.block-profile-edit .form-edit-profile ul.form > li.avatar-block label.avatar-delete input{
    float: left;
    margin-right: 3px;
}
.block-profile-edit .form-edit-profile ul.form > li.avatar-block label.avatar-delete span{
    float: left;
}


/* 230px; */
.block-profile-edit .form-edit-profile ul.form > li.birth-date select.date-day{
    width: 60px;
}
.block-profile-edit .form-edit-profile ul.form > li.birth-date select.date-month{
    width: 100px;
}
.block-profile-edit .form-edit-profile ul.form > li.birth-date select.date-year{
    width: 64px;
}

.block-profile-edit .form-edit-profile ul.form > li .checkbox input[type="checkbox"]{
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
}

.block-profile-edit .form-edit-profile ul.form > li .checkbox label{

}




/* profile Page: Upload */


.block-profile-upload .form-upload {
    padding-top: 10px;
}

.block-profile-upload .form-upload ul.form{


    margin: 0 auto;
    width: 540px;

    padding-left: 0px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-profile-upload .form-upload ul.form > li label{

}

.block-profile-upload .form-upload ul.form > li .upload-cetegories{
    float: left;
    width: 420px;
}

.block-profile-upload .form-upload ul.form > li .upload-cetegories > ul{
    float: left;
    width: 140px;
}

.block-profile-upload .form-upload ul.form > li .upload-cetegories > ul > li{
    margin-bottom: 4px;
    line-height: 20px;
}

.block-profile-upload .form-upload ul.form > li .upload-cetegories > ul > li > input[type="checkbox"]{
    float: left;
    margin-right: 3px;
}

.block-profile-upload .form-upload ul.form > li .upload-cetegories > ul > li > label{
    float: left;
    margin-right: 2px;
}

/* profile Page: Upload  PopUp*/

.uploader_popup{

    border: 1px solid #ddd;
    //border: 1px solid red;

    -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
}

.uploader_progress {
    padding: 10px;
    background: #fff;

    overflow: hidden;
    border: 1px solid #ddd;

    -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
}

.uploader_progress .progress_bar {
    padding: 5px;
    height: 15px;
    font-weight: bold;
    color: #6d6d6d;
    white-space: nowrap;
    background: #d8d8d8;
}

.block-profile-upload-popup{
    padding: 12px;
}

.block-profile-upload-popup .block-title{
    margin-bottom: 7px;
}

.block-profile-upload-popup .block-title .close-link{
    float: right;
    color: #c10303;
}

.block-profile-upload-popup .block-title .close-link:hover{
    float: right;
    color: #aa0000;
}

.block-profile-upload-popup .form-upload-popup{
    padding: 10px;
}

/* profile Page: Upload  Delete */



.block-thumbs .upload-delete-messages {
    padding: 12px;
}

.block-thumbs .upload-delete-messages ul.form{


    margin: 0 auto;
    width: 540px;

    padding-left: 0px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-thumbs .upload-delete-messages ul.form li:last-child{
    margin-bottom: 0;
}






/* profile Page: View Profile */
.form-block-thin {
    padding: 0;
}

.form-block-thin ul.form{


    margin: 20px auto;
    width: 540px;

    padding-left: 0px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}




/* profile Page: View Profile */
.block-profile-view .form-view-profile {
    padding: 25px 0 10px 0;
}

.block-profile-view .form-view-profile ul.form{


    margin: 0 auto;
    width: 540px;

    padding-left: 0px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.block-profile-view .form-view-profile ul.form > li p.label{
    font-weight: bold;
}

.block-profile-view .form-view-profile ul.form > li p.data{
    //padding-left: 10px;
}

.block-profile-view .form-view-profile ul.form .action-buttons-confirm{
    margin-top: 10px;
    margin-bottom: 20px;
}

.block-profile-view .form-view-profile ul.form .action-buttons-confirm button{
    margin-right: 20px;
}



/* profile Page: Messages */
.block-profile-messages{

}

.list-massages > ul{
    margin-top: 25px;
    margin-left: 25px;
}

.list-massages > ul > li{

    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-right: 50px;
    border-bottom: 1px solid #cecece;


}

.list-massages > ul > li:last-child{
    border-bottom: none;
}

.list-massages > ul > li .message-left{
    float: left;
    margin-right: 15px;
}

.list-massages > ul > li .message-right{
    float: left;
    width: 560px;
}

.list-massages > ul > li a{

}

.list-massages > ul > li a .thumb{
    position: relative;
    color: #fff;
}

.list-massages > ul > li a .thumb:after{
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.43);

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.list-massages > ul > li a:hover .thumb:after{
    opacity: 1;
}

.list-massages > ul > li .thumb img{
    display: block;
    width: 70px;
    height: 70px;
}


.list-massages > ul > li .message-top{
    margin-bottom: 8px;
}

.list-massages > ul > li .message-top li{
    position: relative;
    display: inline-block;
    margin-right: 20px;
    font-size: 11px;
    color: #6e6e6e;
}

.list-massages > ul > li .message-top li:before{
    content: '';
    position: absolute;
    top: 5px;
    right: -13px;
    width: 3px;
    height: 3px;
    background: #9c9c9c;
}


.list-massages > ul > li .message-top li:last-child:before{
    display: none;
}



.list-massages > ul > li .message-top .author{
    font-size: 12px;
    line-height: 13px;
}

.list-massages > ul > li .message-top .author .title{
    display: inline-block;
    vertical-align: top;

    //margin-right: 5px;

    max-width: 150px;
    font-weight: bold;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-massages > ul > li .message-top .author .country{
    display: inline-block;
    line-height: 13px;
}

.list-massages > ul > li .message-top .author .country i{
    margin-top: -2px;
}


.list-massages > ul > li .message-top .show-conversation a{
    color: #6e6e6e;
    text-decoration: underline;
}

.list-massages > ul > li .message-top .show-conversation a:hover{
    color: #444;
    text-decoration: none;
}

.list-massages > ul > li .message {
    margin-bottom: 8px;
}

.list-massages > ul > li .message p {
    margin-bottom: 8px;
}

.list-massages > ul > li button{
    height: 28px;
}

.list-massages > ul > li button.button-accept{
    color: #4e85b8;
    //background: #f9c9c9;
    border-color: #4e85b8;
}
.list-massages > ul > li button.button-accept:hover{

    //background: #eda6a6;
}



.list-massages > ul > li button.button-decline{
    margin-left: 10px;
    color: #c10303;
    //background: #f9c9c9;
    border-color: #c10303;
}
.list-massages > ul > li button.button-decline:hover{

    //background: #eda6a6;
}




.list-massages > ul > li .buttons p {
    margin-bottom: 8px;
}


.list-massages > ul > li .button-reply{
    margin-bottom: 8px;
}

.list-massages > ul > li .button-reply button i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px;
    background: url(../images/sprite.png) no-repeat;
}

.list-massages > ul > li .button-reply button i{
    margin-top: -3px;
    background-position: 0px -30px; width: 12px; height: 10px;
}

.list-massages .form-block ul.form > li textarea{
    height: 98px;
}










/* MODEL PAGE */


/* --- top subscriptions info --- */

.block-top-info {
    border: 1px solid #acacac;
    padding: 9px 9px 10px;
    background: #fff;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
}

.block-top-info h2{
    font-size: 17px;
    margin-bottom: 3px;
}

.block-top-info a{
    color: #4e85b8;
    line-height: 13px;
    display: inline-block;
    border-bottom: 1px solid #4e85b8;
}

.block-top-info a:hover{
    border-bottom: 1px solid #fff;
}

.block-top-info .view-channels{
    position: absolute;
    right: 9px;
    top: 18px;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    border-width: 2px;
    text-transform: uppercase;

}


/* --- block model profile --- */

.model-profile{
    display: table;
    border: 1px solid #acacac;
    position: relative;
    padding: 9px;
    margin-bottom: 25px;
}

.model-profile:before{
    content: '';
    position: absolute;
    z-index: -2;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    background: #fff;
}


.model-profile:after{
    content: '';
    position: absolute;
    z-index: -1;
    height: 78px;
    left:0;
    right: 0;
    bottom: 0;

    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );

}

.model-profile .model-photo{
    width: 240px;
    min-height: 320px;
    float: left;
    display: table-cell;
    vertical-align: top;
    padding-right: 15px;
    position: relative;
}

.model-profile .model-photo img{
    display: block;
    width: 240px;
    min-height: 320px;
}

.model-profile .model-photo .no-photo{
    width: 240px;
    height: 320px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    background: #7a7a7a;
    line-height: 320px;
}

.model-profile .model-photo .no-photo p{
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.model-profile .model-profile-specs{
    display: table-cell;
    vertical-align: top;
    width: 100%;
    position: relative;
    padding-bottom: 50px;
}

.model-profile .block-title{
    padding-top: 4px;
}

.model-profile .nicknames{
    margin-left: -25px;
    margin-top: 4px;
    margin-right: 240px;
    color: #78a448;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.model-profile .model-description{
    margin-bottom: 24px;
}

.model-profile .info-block{
    padding-top: 6px;
}

.model-profile .profile-spec-list{
    //margin: 24px 0;
    overflow: hidden;
}

.model-profile .profile-spec-list ul {
    float: left;
    margin-right: 50px;
}

.model-profile .profile-spec-list ul.narrow{
    max-width: 410px;
}

.model-profile .profile-spec-list li {
    margin-bottom: 10px;
}
.model-profile .profile-spec-list var {
    color: #000;
    font-style: normal;
}
.model-profile .profile-spec-list .flag {
    margin:-2px 0 0 3px;
}
.model-profile .profile-spec-list a {
    color: #000;
    text-decoration: underline;
    //border-bottom: 1px solid #000;
}

.model-profile .profile-spec-list a:hover {
    text-decoration: none;
    //border-bottom: none;
}

.model-profile .model-info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border: 1px solid #acacac;
    background-color: #ffffff;
    height: 41px;
    line-height: 41px;
    overflow: hidden;
    padding-left: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.model-profile .model-info li {
    font-size: 12px;
    float: left;
    position: relative;
    margin-right: 25px;
    padding-left: 19px;
}

.model-profile .model-info li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    height: 10px;
    margin:2px 3px 0 0;
}
.model-profile .model-info li.videos:before {
    background-position: -60px -143px;
    width: 15px;
}
.model-profile .model-info li.model-views:before {
    background-position: -60px -118px;
    width: 14px;
}

/*
.model-profile .model-info .rating a {
    float: left;

    position: relative;
    height: 41px;
    width: 41px;
    border-left: 1px solid #acacac;
    border-right: 1px solid #acacac;
}
.model-profile .model-info .rating a:before {
    content: '';
    width: 31px;
    height: 35px;
    background-image: url('http://www.hdzog.com/images/sprite.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 5px;
}

.model-profile .model-info .rating a.like:before {
    background-position: -60px -419px;
}
.model-profile .model-info .rating a.dislike:before {
    background-position: -60px -383px;
}

.model-profile .model-info .percent {
    float: left;
    height: 41px;
    line-height: 40px;
    padding: 0 5px;
}
*/
.model-profile .model-info .rating {
    float: right;
    height: 39px;
    position: relative;
}


.model-profile .model-info .rating img{
    display:block;
    position:absolute;
    top: 0;
    width: 41px;
    height: 39px;
    z-index:9999;
    opacity:0;
    cursor:pointer;
}

.model-profile .model-info .rating img.like-img{
    left: 0;
}

.model-profile .model-info .rating img.dislike-img{
    right: 0;
}

.model-profile .model-info .rating .rating-button{
    float: left;
    position: relative;
    width: 41px;
    height: 39px;
    border-left: 1px solid #acacac;
    border-right: 1px solid #acacac;
    text-align: center;
    cursor:pointer;
}

.model-profile .model-info .rating .dislike{
    border-right: none;
}

.model-profile .model-info .rating .rating-button i{
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    width: 31px; height: 35px;
}

.model-profile .model-info .rating .like i {
    background-position: -60px -419px;
}
.model-profile .model-info .rating .dislike i{
    background-position: -60px -383px;
}

.model-profile .model-info .rating .percent {
    float: left;
    height: 39px;
    line-height: 38px;
    padding: 0 5px;
    font-size: 20px;
    font-weight: bold;
}

.model-profile .model-info .rating .rating-message{
    font-weight: bold;
    color: #4b7f00;
    padding-right: 20px;
}




/* CHANNEL PAGE */


/* --- block model profile --- */

.channel-profile{
    display: table;
    border: 1px solid #acacac;
    //background: #fff;
    //overflow: hidden;
    position: relative;
    padding: 9px;
    margin-bottom: 25px;
}

.channel-profile:before{
    content: '';
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}


.channel-profile:after{
    content: '';
    position: absolute;
    z-index: -1;
    height: 78px;
    left:0;
    right: 0;
    bottom: 0;

    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );

}

.channel-profile .channel-photo{
    width: 400px;
    min-height: 320px;
    //float: left;
    //margin-right: 15px;
    display: table-cell;
    vertical-align: top;
    padding-right: 15px;
    position: relative;
}

.channel-profile .channel-photo img{
    display: block;
    width: 400px;
    min-height: 320px;
}

.channel-profile .channel-photo .no-photo{
    width: 400px;
    height: 320px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    background: #7a7a7a;
    line-height: 320px;

}

.channel-profile .channel-photo .no-photo p{
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.channel-profile .channel-photo .discount-overlay {
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 100;
    padding: 5px 6px 0 6px;
    min-width: 67px;
    min-height: 57px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    text-align: center;
    background: #56ade2;


    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.channel-profile .channel-photo .discount-overlay .procent{
    font-size: 25px;
    line-height: 30px;
}

.channel-profile .channel-profile-specs{
    display: table-cell;
    vertical-align: top;
    width: 100%;
    position: relative;
    padding-bottom: 50px;
}

.channel-profile .block-title{
    padding-top: 4px;
    position: relative;
}

.channel-profile .block-title h3{
    margin-left: -25px;
    margin-top: 4px;
    color: #78a448;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.block-title .subscribe-block{
    position: absolute;
    top: 0;
    right: 0;
    //min-width: 146px;
    height: 41px;
    line-height: 41px;
    border: 1px solid #acacac;
}

.block-title .subscribe-block .counter{
    float: left;
    height: 41px;
    min-width: 41px;
    padding: 0 15px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;

    background: #e9e9e9;
    border-right: 1px solid #acacac;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.block-title .subscribe-block .subscribe-button{
    float: right;
    height: 41px;
    min-width: 104px;
    padding: 0 15px;

    color: #268ccb;
    font-size: 12px;
    font-weight: bold;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-title .subscribe-block .subscribe-button i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -60px -13px; width: 10px; height: 10px;
}


.block-title .subscribe-block .subscribe-button:hover{
    color: #c10303;
}

.block-title .subscribe-block .subscribe-button.remove{
    color: #666;
    background: #fafafa;
}
.block-title .subscribe-block .subscribe-button.remove:hover{
    color: #444;
    background: #fff;
}



.channel-profile .channel-description{
    line-height: 14px;
    margin-bottom: 10px;
}

.channel-profile .channel-price{
    line-height: 26px;
}

.channel-profile .channel-price .price{
    display: inline-block;
    line-height: 26px;
    font-size: 15px;
}

.channel-profile .channel-price .price .red{
    color: #c10303;
}

.channel-profile .channel-price .price .old-price{
    margin: 0 5px;
    color: #6d6d6d;
    text-decoration: line-through;
}

.channel-profile .channel-price .view-deal{
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 0 8px;
    margin-top: -1px;
    margin-left: 5px;
    font-size: 13px;
    font-weight: bold;
    background: #c10303;
}

.channel-profile .channel-price .view-deal:hover{
    background: #b10000;
}


.channel-profile .channel-info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border: 1px solid #acacac;
    background-color: #ffffff;
    height: 43px;
    line-height: 41px;
    overflow: hidden;
    padding-left: 14px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.channel-profile .channel-info ul li {
    font-size: 12px;
    float: left;
    position: relative;
    margin-right: 25px;
    padding-left: 19px;
}

.channel-profile .channel-info ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    height: 10px;
    margin:2px 3px 0 0;
}
.channel-profile .channel-info ul li.videos:before {
    background-position: -60px -143px;
    width: 15px;
}
.channel-profile .channel-info ul li.videos-views:before {
    background-position: -60px -118px;
    width: 14px;
}
.channel-profile .channel-info ul li.videos-rating:before {
    background-position: -60px -129px;
    margin-top: -1px;
    height: 13px;
    width: 12px;
}

.channel-profile .channel-info .join-now-button{
    float: right;
    height: 41px;
    line-height: 41px;
    min-width: 146px;
    padding: 0 42px 0 35px;

    color: #d70404;
    font-size: 12px;
    font-weight: bold;

    border-left: 1px solid #acacac;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.channel-profile .channel-info .join-now-button i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 2px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -60px 0; width: 12px; height: 12px;
}


.channel-profile .channel-info .join-now-button:hover{
    color: #b30000;
}


/* PLAYER PAGE */


/* --- main --- */

.player-wrapper{
    margin-bottom: 25px;
}

.player-wrapper .block-title{
    margin-bottom: 7px;
}

.player-wrapper .block-title .title,
.player-wrapper .block-title .title-container{
    font-size: 20px;
    height: auto;
}

.player-wrapper .block-title .title-container span{
    color: #858585;
}

.player-wrapper .block-title .title-container a{
    display: inline-block;
    color: #4e85b8;
    border-bottom: 2px solid #4e85b8;
}

.player-wrapper .block-title .title-container a:hover{
    color: #6296c7;
    border-bottom: 2px solid #7daedb;
}


.player-left {
    float: left;
    width: 920px;
}

.player-showtime,.player-left-a {
    float: right;
    width: 300px;

}


.player-block{
    padding: 8px;
}

.player-block .video-container{
    margin-bottom: 8px;
}

.player-block .video-container .player-container {
    height: 538px;
    /*height: 513px; width: 912px; */
}

.player-block .video-banner{
    margin-bottom: 8px;
}

.player-block .video-banner img{
    display: block;
    width: 100%;
}

.player-block .video-description{
    padding: 2px 2px 3px 2px;
    margin-bottom: 8px;
    line-height: 14px;
}

/* player data tabs */

.player-block .video-data-block{

}

/* player data tabs: menu */
.player-block .video-data-block ul.video-data-menu{
    float: left;
    height: 41px;
    border: 1px solid #acacac ;
    border-right: none;
    border-bottom: none;
}

.player-block .video-data-block ul.video-data-menu > li{
    position: relative;
    float:left;
    height:41px;
    line-height: 40px;
    padding:0;
    border-right: 1px solid #acacac;
}

.player-block .video-data-block ul.video-data-menu > li a{
    display:block;
    height: 41px;
    line-height: 41px;
    padding: 0 14px;
    font-weight: bold;
    color: #000;
    background: #fff;

   -webkit-transition: background-color 0.3s;
   -moz-transition: background-color 0.3s;
   -o-transition: background-color 0.3s;
   -ms-transition: background-color 0.3s;
   transition: background-color 0.3s;
}

.player-block .video-data-block ul.video-data-menu > li a:hover{
    background-color: #d8d8d8;
}

.player-block .video-data-block ul.video-data-menu > li.active a{
    position: relative;
    height: 42px;
    background-color: #f7f7f7;
}

.player-block .video-data-block ul.video-data-menu > li.active a:hover{
    background-color: #f7f7f7;
    cursor: default;
}

.player-block .video-data-block ul.video-data-menu > li a i{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
}

.player-block .video-data-block ul.video-data-menu > li a.video-info i{
    background-position: -60px -35px; width: 6px; height: 11px;
}
.player-block .video-data-block ul.video-data-menu > li a.comments i{
    background-position: -60px -47px; width: 12px; height: 10px;
}
.player-block .video-data-block ul.video-data-menu > li a.add-to-favorites i{
    background-position: -60px -58px; width: 11px; height: 12px;
}
.player-block .video-data-block ul.video-data-menu > li a.add-to-playlist i{
    background-position: -60px -71px; width: 9px; height: 9px;
}
.player-block .video-data-block ul.video-data-menu > li a.share i{
    background-position: -60px -81px; width: 13px; height: 10px;
}

.player-block .video-data-block ul.video-data-menu > li a.comments span{
    color: #a6a5a5;
}

/* player data tabs: rating */

.player-block .video-data-block .rating{
    float: right;
    position: relative;
}

.player-block .video-data-block .rating ul{
    float: left;
    border-top: 1px solid #acacac;
    border-left: 1px solid #acacac;
}

.player-block .video-data-block .rating ul > li {
    float: left;
    position: relative;
    height: 41px;
    min-width: 41px;
    border-right: 1px solid #acacac;
}

.player-block .video-data-block .rating ul > li a {
    display: block;
    position: relative;
    height: 41px;
    width: 41px;
    text-indent: -900em;
}

.player-block .video-data-block .rating ul > li a:before {
    content: '';
    width: 31px;
    height: 35px;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 5px;
}

.player-block .video-data-block .rating ul > li a.like:before {
    background-position: -60px -419px;
}

.player-block .video-data-block .rating ul > li a.dislike:before {
    top: 4px;
    background-position: -60px -383px;
}

.player-block .video-data-block .rating ul > li .percent {
    display: block;
    height: 41px;
    padding: 0 5px;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;

}

.player-block .video-data-block .rating .message-block{
    position: absolute;
    z-index: 100;

    white-space: nowrap;
    right: 10px;
    bottom: -13px;

    padding: 5px 7px;

    font-weight: bold;

    border: 1px solid #ddd;
    background: #efefef;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.player-block .video-data-block .rating .message-error{
    color: #c10000;
    background: #fae2e1;
}

.player-block .video-data-block .rating .message-ok{
    color: #4b7f00;
    background: #effae1;
}

/* player data tabs: tabs */

.player-block .video-data-block .video-data-tabs{
    margin-top: -10px;
    //min-height: 150px;
    padding: 12px 14px;
    background: #f7f7f7;
    border: 1px solid #acacac;
}


/* player data tabs: tab - video info */


.video-data-tabs .video-info{
    padding-top: 4px;
}

.video-data-tabs .video-info ul{
    color: #6d6d6d;
    line-height: 16px;
}

.video-data-tabs .video-info ul a{
    display: inline-block;
    line-height: 14px;
    font-weight: bold;
    color: #6d6d6d;
    border-bottom: 1px solid #6d6d6d;
}

.video-data-tabs .video-info ul a:hover{
    color: #7f7f7f;
    border-bottom: 1px solid #a6a6a6;
}

.video-data-tabs .video-info > ul > li{
    margin-bottom: 10px;
}

.video-data-tabs .video-info > ul > li > ul.line > li{
    display: inline-block;
    margin-right: 20px;
}

.video-data-tabs .video-info > ul > li > ul.line > li span{
    font-weight: bold;
}

.video-data-tabs .video-info > ul > li > ul.line > li.addthis-buttons{
    position: relative;
    min-width: 180px;
}

.video-data-tabs .video-info > ul > li > ul.line > li.addthis-buttons .addthis_toolbox{
    position: absolute;
    min-width: 180px;
    top: -14px;
    left: 0;
}

.video-data-tabs .video-info > ul > li > ul.line > li.addthis-buttons a{
    border-bottom: none;
}

.video-data-tabs .video-info ul li > i{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
}

.video-data-tabs .video-info ul li.duration > i{
    background-position: -60px -92px; height: 12px;
}
.video-data-tabs .video-info ul li.date-added > i{
    background-position: -60px -105px; width: 12px; height: 12px;
}
.video-data-tabs .video-info ul li.uploaded-by > i{
    background-position: 0px -389px; width: 12px; height: 12px;
}
.video-data-tabs .video-info ul li.views > i{
    background-position: -60px -118px; width: 14px; height: 10px;
}
.video-data-tabs .video-info ul li.votes > i{
    background-position: -60px -129px; width: 12px; height: 13px;
}
.video-data-tabs .video-info ul li.channels > i{
    background-position: -60px -154px; height: 12px;
}
.video-data-tabs .video-info ul li.categories > i{
    margin-left: -1px;
    background-position: -60px -167px; width: 15px; height: 14px;
}
.video-data-tabs .video-info ul li.models > i{
    margin-left: 2px;
    background-position: -60px -182px; width: 12px; height: 12px;
}
.video-data-tabs .video-info ul li.tags > i{
    margin-left: 1px;
    margin-right: 6px;
    background-position: 0 -314px; width: 12px; height: 13px;
}



.video-data-tabs .video-info ul li.uploaded-by a{
    position: relative;
}

.uploaded-by .overlay-avatar{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 140%;
    left: 50%;
    margin-left: -58px;
    padding: 8px;
    padding-bottom: 6px;
    border: 1px solid #acacac;
    background: #fff;
    font-weight: normal;

   -webkit-transition: opacity 0.3s;
   -moz-transition: opacity 0.3s;
   -o-transition: opacity 0.3s;
   -ms-transition: opacity 0.3s;
   transition: opacity 0.3s;
}

.uploaded-by a:hover .overlay-avatar{
    visibility: visible;
    opacity: 1;
}

.uploaded-by .overlay-avatar:before{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -4px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -30px -388px; width: 7px; height: 5px;
}

.uploaded-by .overlay-avatar .thumb > img{
    width: 100px;
    display: block;
}

.uploaded-by .overlay-avatar .thumb-data{
    margin-top: 6px;
}

.uploaded-by .overlay-avatar .title{
    float: left;
    display: block;
    font-weight: bold;
    width: 115px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.uploaded-by .overlay-avatar .country{
    float: left;
    line-height: 13px;
}

.uploaded-by .overlay-avatar .country i{
    margin-top: -2px;
}


.uploaded-by .overlay-avatar .added{
    margin-right: 7px;
    clear: both;
    float: left;
    color: #6e6e6e;
    font-size: 11px;
    padding: 2px 0 0 0;
    line-height: 13px;

}

.uploaded-by .overlay-avatar .added i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
}

.uploaded-by .overlay-avatar .added i.male{
    background-position: 0px -291px; width: 10px; height: 10px;
}
.uploaded-by .overlay-avatar .added i.female{
    margin-top: -3px;
    background-position: 0px -279px; width: 7px; height: 11px;
}

.uploaded-by .overlay-avatar .viewed{
    float: right;
    color: #6e6e6e;
    font-size: 11px;
    padding: 2px 0 0 0;
    line-height: 13px;

    text-overflow: hidden;
}

.uploaded-by .overlay-avatar .viewed i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -302px; width: 12px; height: 9px;
}





.video-data-tabs .video-info ul li.models a{
    position: relative;
}

.video-data-tabs .video-info ul li.models .overlay-photo{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 140%;
    left: 50%;
    margin-left: -58px;
    padding: 8px;
    padding-bottom: 6px;
    border: 1px solid #acacac;
    background: #fff;
    font-weight: normal;

   -webkit-transition: opacity 0.3s;
   -moz-transition: opacity 0.3s;
   -o-transition: opacity 0.3s;
   -ms-transition: opacity 0.3s;
   transition: opacity 0.3s;
}

.video-data-tabs .video-info ul li.models a:hover .overlay-photo{
    visibility: visible;
    opacity: 1;
}


.video-data-tabs .video-info ul li.models .overlay-photo:before{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -4px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -30px -388px; width: 7px; height: 5px;
}



.video-data-tabs .video-info ul li.models .overlay-photo > img{
    width: 100px;
    display: block;
    margin-bottom: 6px;
}

.video-data-tabs .video-info ul li.models .overlay-photo .model-flag{
    float: left;
}
.video-data-tabs .video-info ul li.models .overlay-photo .model-flag .flag{
    margin-top: -2px;
}
.video-data-tabs .video-info ul li.models .overlay-photo .videos-count{
    float: right;
}









/* player data tabs: tab - comments */

.video-data-tabs .comments{

}



.video-data-tabs .comments .comments-header{
    margin-bottom: 10px;
    color: #6d6d6d;
    font-weight: bold;
}

.video-data-tabs .comments .comments-header a{
    display: inline-block;
    color: #4e85b8;
    border-bottom: 1px solid #4e85b8;
}

.video-data-tabs .comments .comments-header a:hover{
    color: #6296c7;
    border-bottom: 1px solid #7daedb;
}


.video-data-tabs .comments .form-add-comment{
    margin-bottom: 20px;
}

.video-data-tabs .comments .form-add-comment ul.form{
    float: left;
}

.video-data-tabs .comments .form-add-comment ul.form li{
    margin-bottom: 0;
}

.video-data-tabs .comments .form-add-comment ul.form li textarea,
.video-data-tabs .comments .form-add-comment ul.form li input,
.video-data-tabs .comments .form-add-comment ul.form li label,
.video-data-tabs .comments .form-add-comment ul.form li button
{
    float: none;
    display: inline-block;
}

.video-data-tabs .comments .form-add-comment ul.form li.field-comment{
    width: 100%;
    height: 66px;
}

.video-data-tabs .comments .form-add-comment ul.form li.field-comment-error{
    margin-bottom: 6px;
}

.video-data-tabs .comments .form-add-comment ul.form li.field-comment textarea{
    width: 440px;
    height: 66px;
}

.video-data-tabs .comments .form-add-comment ul.form li.field-captcha,
.video-data-tabs .comments .form-add-comment ul.form li.field-security-code,
.video-data-tabs .comments .form-add-comment ul.form li.field-button{
    float: left;
    margin-right: 5px;
}


.video-data-tabs .comments .form-add-comment ul.form li.field-captcha .captcha img{
    display: block;
}

.video-data-tabs .comments .form-add-comment ul.form li.field-security-code label{
    margin-bottom: 2px;
    display: block;
    width: auto;
    text-align: left;
    line-height: 17px;
}

.video-data-tabs .comments .form-add-comment ul.form li.field-security-code input.security-code{
    width: 114px;
}

.video-data-tabs .comments .form-add-comment ul.form li.field-button{
    padding-top: 19px;
}

.video-data-tabs .comments .form-add-comment ul.form li.field-button button.button-leave{
    padding: 0 15px;
    height: 27px;
}

.video-data-tabs .comments .form-add-comment ul.form li.field-error{
    margin-top: 0;
}


.video-data-tabs .comments .comments-list > li{
    margin-bottom: 10px;
    line-height: 18px;
}

.video-data-tabs .comments .comments-list > li .name{
    position: relative;
    color: #959595;
    font-weight: bold;
    margin-right: 5px;
    padding-left: 18px;
}

.video-data-tabs .comments .comments-list > li .name:before {
    content: '';
    width: 12px;
    height: 10px;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    background-position: -60px -24px;
    position: absolute;
    top: 3px;
    left: 0px;
}

.video-data-tabs .comments .comments-list > li .name a{
    color: #959595;
}

.video-data-tabs .comments .comments-list > li .name a:hover{
    color: #aaa;
}


.video-data-tabs .comments .comments-list > li .flag{
    margin-top: -2px;
    margin-right: 5px;
}

/* player data tabs: tab - add to playlist  */
.video-data-tabs .add-to-playlist{
    color: #6d6d6d;
}

.video-data-tabs .add-to-playlist h5{
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: bold;
}

.video-data-tabs .add-to-playlist ul.playlist-links{
    margin-bottom: 7px;
}

.video-data-tabs .add-to-playlist ul.playlist-links li{
    margin: 2px 0;
}

/* player data tabs: tab - share */

.video-data-tabs .share{
    color: #6d6d6d;
}

.video-data-tabs .share h5{
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: bold;
}

.video-data-tabs .share input[type="text"],
.video-data-tabs .share textarea{
    color: #6d6d6d;
    display: block;
}

.video-data-tabs .share .share-links{
    margin-bottom: 14px;
}

.video-data-tabs .share .share-links > li{
    float: left;
    margin-right: 10px;
    line-height: 27px;
}

.video-data-tabs .share .share-links .social-icons{
    margin-top: 2px;
}

.video-data-tabs .share .share-links .social-icons > li{
    float: left;
    margin-right: 5px;
}

.video-data-tabs .share .share-links .social-icons > li a{
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    text-indent: -900em;
}

.video-data-tabs .share .share-links .social-icons > li a.facebook{
    background-position: -60px -220px;
}
.video-data-tabs .share .share-links .social-icons > li a.twitter{
    background-position: -60px -245px;
}
.video-data-tabs .share .share-links .social-icons > li a.google-plus{
    background-position: -60px -195px;
}

.video-data-tabs .share .share-links .field-share-link{
    width: 484px;
}

.video-data-tabs .share .share-links .field-share-start-at{
    width: 45px;
}

.video-data-tabs .share .share-links .start-at-set{
    display: inline-block;
    line-height: 1.2;
    color: #6d6d6d;
    border-bottom: 1px solid #6d6d6d;
}


.video-data-tabs .share .share-links .start-at-set:hover{
    color: #848484;
    border-bottom: 1px solid #a7a7a7;
}


.video-data-tabs .share .share-embed .field-share-embed{
    width: 572px;
    height: 40px;
    margin-bottom: 6px;
}

.video-data-tabs .share .share-embed .field-resolution label{
    float: left;
    line-height: 27px;
    margin-right: 10px;
}

.video-data-tabs .share .share-embed .field-resolution select{
    float: left;
    width: 100px;
}

/* player data tabs: link bottom */

.player-block .video-advert-link-bottom{
    margin-top: 8px;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

.player-block .video-advert-link-bottom a{
    display: inline-block;
    line-height: 19px;
    color: #4e85b8;
    border-bottom: 2px solid #4e85b8;
}

.player-block .video-advert-link-bottom a:hover{
    color: #6296c7;
    border-bottom: 2px solid #7daedb;
}



/* --- player adv --- */





.player-showtime ul li{
    margin-bottom: 10px;
}

.player-showtime ul li img{
    display: block;
}

/* --- player playlist videos---

.player-advertise .playlist-videos-right{

}


// ** Carousel **

.player-advertise .playlist-videos-right .carousel-videos {
    position: relative;
    overflow: hidden;
    height: 400px;
}

// ** Carousel Controls **

/*

.player-advertise .playlist-videos-right .carousel-control {

    display: block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin: 2px 0;

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}


.player-advertise .playlist-videos-right .carousel-control:hover {

    background: #fff;

}

.player-advertise .playlist-videos-right .carousel-control i{
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    width: 11px; height: 7px;
}
.player-advertise .playlist-videos-right .control-up i{
    background-position: -60px -281px;
}
.player-advertise .playlist-videos-right .control-up:hover i{
    background-position: -60px -289px;
}
.player-advertise .playlist-videos-right .control-down i{
    background-position: -60px -297px;
}
.player-advertise .playlist-videos-right .control-down:hover i{
    background-position: -60px -305px;
}


.player-advertise .playlist-videos-right ul{
    height: 20000em;
    position: relative;
}

.player-advertise .playlist-videos-right ul li{
    margin-bottom: 7px;
    //float: left;
}

.player-advertise .playlist-videos-right ul li > a{
    display: block;
    padding: 3px;
}

.player-advertise .playlist-videos-right ul li > a:hover{
    background: #fff;
}

.player-advertise .playlist-videos-right ul li .thumb{
    float: left;
    position: relative;
}

.player-advertise .playlist-videos-right ul li .thumb:after{
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.43);

   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}

.player-advertise .playlist-videos-right ul li a:hover .thumb:after{
    opacity: 1;
}

.player-advertise .playlist-videos-right ul li .thumb img{
    display: block;
    width: 119px;
    height: 67px;
}

.player-advertise .playlist-videos-right ul li .thumb-data{
    position: relative;
    float: right;
    width: 169px;
}

.player-advertise .playlist-videos-right ul li .thumb-data .title{
    display: block;
    font-weight: bold;
    line-height: 13px;
    max-height: 26px;
    overflow: hidden;
    margin-bottom: 2px;
}

.player-advertise .playlist-videos-right ul li .thumb-data .desc{
    color: #a1a1a1;
    font-size: 9px;
    line-height: 10px;
    max-height: 40px;
    overflow: hidden;
}

.player-advertise .playlist-videos-right ul li .thumb-data .data-small{
    padding-top: 1px;
    color: #a1a1a1;
    font-size: 11px;
    line-height: 13px;
    max-height: 39px;
    overflow: hidden;
}


*/



/*
    PLAYLIST Video
    top playlist videos carousel
*/

.playlist-videos-thumbs{
    position: relative;
    border: 1px solid #acacac;
    background: #fff;
}


.playlist-videos-thumbs .playlist-header{
    height: 40px;
    padding: 0 25px;
}

.playlist-videos-thumbs .playlist-header .left{
    float: left;
    padding-top: 6px;
}
.playlist-videos-thumbs .playlist-header .right{
    float: right;
    padding-top: 6px;
}

.playlist-videos-thumbs .playlist-header .icon-link{
    float: left;
    opacity: 0.45;
    margin-right: 15px;
}

.playlist-videos-thumbs .playlist-header .icon-link:hover{
    opacity: 1;
}

.playlist-videos-thumbs .playlist-header .playlist-hide{
    margin-right: 0;
}

.playlist-videos-thumbs .playlist-header .icon-link i{
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
}

.playlist-videos-thumbs .playlist-header .rating-up i{
    margin-top: 3px;
    background-position: -100px -300px; width: 20px; height: 22px;
}
.playlist-videos-thumbs .playlist-header .rating-down i{
    margin-top: 4px;
    background-position: -122px -300px; width: 20px; height: 22px;
}
.playlist-videos-thumbs .playlist-header .playlist-fav i{
    margin-top: 6px;
    background-position: -272px -300px; width: 18px; height: 18px;
}
.playlist-videos-thumbs .playlist-header .playlist-fav.remove{
    opacity: 0.9;
}

.playlist-videos-thumbs .playlist-header .prev-video i{
    margin-top: 6px;
    background-position: -208px -300px; width: 18px; height: 18px;
}
.playlist-videos-thumbs .playlist-header .next-video i{
    margin-top: 6px;
    background-position: -188px -300px; width: 18px; height: 18px;
}
.playlist-videos-thumbs .playlist-header .playlist-hide i{
    margin-top: 6px;
    background-position: -168px -300px; width: 18px; height: 18px;
}
.playlist-videos-thumbs .playlist-header .playlist-show i{
    background-position: -252px -300px; width: 18px; height: 18px;
}



.playlist-videos-thumbs .playlist-header .messages-block-container{
    margin-top: 6px;
    margin-left: 6px;
    float: left;
    font-weight: bold;
    line-height: 18px;
}

.playlist-videos-thumbs .playlist-header .messages-block-container .message-block{
    margin-right: 12px;
    float: left;
}

.playlist-videos-thumbs .playlist-header .message-error{
    color: #c10000;
    //background: #fae2e1;
}

.playlist-videos-thumbs .playlist-header .message-ok{
    color: #4b7f00;
   //background: #effae1;
}



.playlist-content{
    position: relative;
    padding: 0 25px;

}

.playlistHidden{
    display: none;
}


.playlist-videos-thumbs .carousel-videos {
    position: relative;
    overflow: hidden;
    height: 214px;
}

/*
.playlist-videos-thumbs .carousel-videos:after{
    content: "";
    position: absolute;
    z-index: 999;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;

background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(85%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );

}

*/

.playlist-videos-thumbs .carousel-videos ul{
    position: relative;
    width: 20000em;
}

/*
.playlist-videos-thumbs .carousel-videos ul li:last-child{
    padding-right: 40px;
}
*/


.playlist-videos-thumbs .carousel-control {
    position: absolute;
    z-index: 10;
    top: 0;
    width: 25px;
    height: 135px;
    text-align: center;
}


.playlist-videos-thumbs .control-up{
    left: 0;
}
.playlist-videos-thumbs .control-down{
    right: 0;
}

.playlist-videos-thumbs .carousel-control i{
    margin-top: 45px;
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    width: 10px; height: 37px;
}
.playlist-videos-thumbs .control-up i{
    background-position: -228px -300px;
    opacity: 0.45;
}
.playlist-videos-thumbs .control-up:hover i{
    opacity: 1;
}
.playlist-videos-thumbs .control-down i{
    background-position: -240px -300px;
    opacity: 0.45;
}
.playlist-videos-thumbs .control-down:hover i{
    opacity: 1;
}

.playlist-videos-thumbs .carousel-control.inactive{
    cursor: default;
}
.playlist-videos-thumbs .carousel-control.inactive i{
    opacity: 0.2;
}
.playlist-videos-thumbs .carousel-control.inactive:hover i{
    opacity: 0.2;
}



/* TABS data tabs */

.tabs-data-block{

}

/* TABS data tabs: menu */
.tabs-data-block ul.tabs-data-menu{
    float: left;
    height: 41px;
    border: 1px solid #acacac ;
    border-right: none;
    border-bottom: none;
}

.tabs-data-block ul.tabs-data-menu > li{
    position: relative;
    float:left;
    height:41px;
    line-height: 40px;
    padding:0;
    border-right: 1px solid #acacac;
}

.tabs-data-block ul.tabs-data-menu > li a{
    display:block;
    height: 41px;
    line-height: 41px;
    padding: 0 14px;
    font-weight: bold;
    color: #000;
    background: #fff;

   -webkit-transition: background-color 0.3s;
   -moz-transition: background-color 0.3s;
   -o-transition: background-color 0.3s;
   -ms-transition: background-color 0.3s;
   transition: background-color 0.3s;
}

.tabs-data-block ul.tabs-data-menu > li a:hover{
    background-color: #d8d8d8;
}

.tabs-data-block ul.tabs-data-menu > li.active a{
    position: relative;
    height: 42px;
    background-color: #f7f7f7;
}

.tabs-data-block ul.tabs-data-menu > li.active a:hover{
    background-color: #f7f7f7;
    cursor: default;
}

.tabs-data-block ul.tabs-data-menu > li a i{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -3px;
    background: url(../images/sprite.png) no-repeat;
}

.tabs-data-block ul.tabs-data-menu > li a.video-info i{
    background-position: -60px -35px; width: 6px; height: 11px;
}
.tabs-data-block ul.tabs-data-menu > li a.comments i{
    background-position: -60px -47px; width: 12px; height: 10px;
}
.tabs-data-block ul.tabs-data-menu > li a.ralated-videos i{
    background-position: -30px -395px; width: 12px; height: 10px;
}
.tabs-data-block ul.tabs-data-menu > li a.models-videos i{
     background-position: -30px -69px; width: 8px; height: 12px;
}
.tabs-data-block ul.tabs-data-menu > li a.channel-videos i{
    background-position: -30px -41px; width: 12px; height: 12px;
}
.tabs-data-block ul.tabs-data-menu > li a.ralated-playlists i{
    background-position: -30px -82px; width: 9px; height: 9px;
}


.tabs-data-block ul.tabs-data-menu > li a span{
    color: #a6a5a5;
}







.tabs-data-block .tabs-data-content{
    margin-top: -10px;
    //min-height: 150px;
    padding: 16px;
    background: #f7f7f7;
    border: 1px solid #acacac;
}

.tabs-data-noborder{
    margin-bottom: 15px;
}

.tabs-data-noborder .tabs-data-content{
    background: transparent;
    padding: 0;
    padding-top: 10px;
    border: none;
    border-top: 1px solid #acacac;
}
.tabs-data-noborder ul.tabs-data-menu{
    margin-left: 10px;
}
.tabs-data-noborder ul.tabs-data-menu > li.active a{
    background: #f1f1f1;
}
.tabs-data-noborder ul.tabs-data-menu > li.active a:hover{
    background: #f1f1f1;
}



.tabs-comments-block{

}

.tabs-comments-block .comments-header{
    margin-bottom: 10px;
    color: #6d6d6d;
    font-weight: bold;
}

.tabs-comments-block .comments-header a{
    display: inline-block;
    color: #4e85b8;
    border-bottom: 1px solid #4e85b8;
}

.tabs-comments-block .comments-header a:hover{
    color: #6296c7;
    border-bottom: 1px solid #7daedb;
}


.tabs-comments-block .form-add-comment{
    margin-bottom: 20px;
}

.tabs-comments-block .form-add-comment ul.form{
    float: left;
}

.tabs-comments-block .form-add-comment ul.form li{
    margin-bottom: 0;
}

.tabs-comments-block .form-add-comment ul.form li textarea,
.tabs-comments-block .form-add-comment ul.form li input,
.tabs-comments-block .form-add-comment ul.form li label,
.tabs-comments-block .form-add-comment ul.form li button
{
    float: none;
    display: inline-block;
}

.tabs-comments-block .form-add-comment ul.form li.field-comment{
    width: 100%;
    height: 66px;
}

.tabs-comments-block .form-add-comment ul.form li.field-comment-error{
    margin-bottom: 6px;
}

.tabs-comments-block .form-add-comment ul.form li.field-comment textarea{
    width: 440px;
    height: 66px;
}

.tabs-comments-block .form-add-comment ul.form li.field-captcha,
.tabs-comments-block .form-add-comment ul.form li.field-security-code,
.tabs-comments-block .form-add-comment ul.form li.field-button{
    float: left;
    margin-right: 5px;
}


.tabs-comments-block .form-add-comment ul.form li.field-captcha .captcha img{
    display: block;
}

.tabs-comments-block .form-add-comment ul.form li.field-security-code label{
    margin-bottom: 2px;
    display: block;
    width: auto;
    text-align: left;
    line-height: 17px;
}

.tabs-comments-block .form-add-comment ul.form li.field-security-code input.security-code{
    width: 114px;
}

.tabs-comments-block .form-add-comment ul.form li.field-button{
    padding-top: 19px;
}

.tabs-comments-block .form-add-comment ul.form li.field-button button.button-leave{
    padding: 0 15px;
    height: 27px;
}

.tabs-comments-block .form-add-comment ul.form li.field-error{
    margin-top: 0;
}


.tabs-comments-block .comments-list > li{
    margin-bottom: 10px;
    line-height: 18px;
}

.tabs-comments-block .comments-list > li .name{
    position: relative;
    color: #959595;
    font-weight: bold;
    margin-right: 5px;
    padding-left: 18px;
}

.tabs-comments-block .comments-list > li .name:before {
    content: '';
    width: 12px;
    height: 10px;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    background-position: -60px -24px;
    position: absolute;
    top: 3px;
    left: 0px;
}

.tabs-comments-block .comments-list > li .name a{
    color: #959595;
}

.tabs-comments-block .comments-list > li .name a:hover{
    color: #aaa;
}

.tabs-comments-block .comments-list > li .flag{
    margin-top: -2px;
    margin-right: 5px;
}





/* --- INFO Block --- */

.section-info-block{
    display: table;
    width: 100%;
    border: 1px solid #acacac;
    position: relative;
    padding: 9px;
    margin-bottom: 25px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.section-info-block:before{
    content: '';
    position: absolute;
    z-index: -2;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    background: #fff;
}


.section-info-block:after{
    content: '';
    position: absolute;
    z-index: -1;
    height: 78px;
    left:0;
    right: 0;
    bottom: 0;

    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );

}

.section-info-block .photo-block{
    width: 240px;
    min-height: 320px;
    float: left;
    display: table-cell;
    vertical-align: top;
    padding-right: 15px;
    position: relative;
}

.section-info-block .photo-block img{
    display: block;
    width: 240px;
    min-height: 320px;
}

.section-info-block .photo-block .no-photo{
    width: 240px;
    height: 320px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    background: #7a7a7a;
    line-height: 320px;
}

.section-info-block .photo-block .no-photo p{
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.section-info-block .info-block{
    display: table-cell;
    vertical-align: top;
    width: 100%;
    position: relative;
    padding-bottom: 50px;
}

.section-info-block .block-title{
    padding-top: 4px;
}

.section-info-block .nicknames{
    margin-left: -25px;
    margin-top: 4px;
    color: #78a448;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.section-info-block .section-description{
    margin-bottom: 24px;
}

.section-info-block .info-tab{
    padding-top: 6px;
}

.section-info-block .profile-spec-list{
    //margin: 24px 0;
    overflow: hidden;
}

.section-info-block .profile-spec-list ul {
    float: left;
    margin-right: 50px;
}

.section-info-block .profile-spec-list ul.narrow{
    max-width: 210px;
}

.section-info-block .profile-spec-list li {
    margin-bottom: 10px;
}
.section-info-block .profile-spec-list var {
    color: #000;
    font-style: normal;
}
.section-info-block .profile-spec-list .flag {
    margin:-2px 0 0 3px;
}
.section-info-block .profile-spec-list a {
    color: #000;
    text-decoration: underline;
    //border-bottom: 1px solid #000;
}

.section-info-block .profile-spec-list a:hover {
    text-decoration: none;
    //border-bottom: none;
}

.section-info-block .bottom-info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border: 1px solid #acacac;
    background-color: #ffffff;
    height: 41px;
    line-height: 41px;

    padding-left: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section-info-block .bottom-info .data-info{
    float: left;
}

.section-info-block .bottom-info .data-info li {
    font-size: 12px;
    float: left;
    position: relative;
    margin-right: 25px;
    padding-left: 19px;
}

.section-info-block .bottom-info .data-info li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    height: 10px;
    margin:2px 3px 0 0;
}
.section-info-block .bottom-info .data-info li.videos:before {
    background-position: -60px -143px;
    width: 15px;
}
.section-info-block .bottom-info .data-info li.views:before {
    background-position: -60px -118px;
    width: 14px;
}

/* player data tabs: rating */

.section-info-block .bottom-info .data-right{
    float: right;
}

.section-info-block .bottom-info .rating{
    float: right;
    position: relative;
}

.section-info-block .bottom-info .rating ul{
    float: left;

}

.section-info-block .bottom-info .rating ul > li {
    float: left;
    position: relative;
    height: 39px;
    min-width: 41px;
    border-left: 1px solid #acacac;
}

.section-info-block .bottom-info .rating ul > li a {
    display: block;
    position: relative;
    height: 39px;
    width: 41px;
    text-indent: -900em;
}

.section-info-block .bottom-info .rating ul > li a:before {
    content: '';
    width: 31px;
    height: 35px;
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 5px;
}

.section-info-block .bottom-info .rating ul > li a.like:before {
    background-position: -60px -419px;
}

.section-info-block .bottom-info .rating ul > li a.dislike:before {
    top: 4px;
    background-position: -60px -383px;
}

.section-info-block .bottom-info .rating ul > li .percent {
    display: block;
    height: 41px;
    padding: 0 5px;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;

}

.section-info-block .bottom-info .rating .message-block{
    position: absolute;
    z-index: 100;

    white-space: nowrap;
    right: 10px;
    bottom: -13px;

    padding: 5px 7px;

    font-weight: bold;
    line-height: 1.2;


    border: 1px solid #ddd;
    background: #efefef;

    -webkit-border-radius: 3px;
    border-radius: 3px;

}

.section-info-block .bottom-info .rating .message-error{
    color: #c10000;
    background: #fae2e1;
}

.section-info-block .bottom-info .rating .message-ok{
    color: #4b7f00;
    background: #effae1;
}


/* PLAYLIST page styles */

.playlist-info-data .icon{
    display: inline-block;
    margin-right: 2px;
    margin-top: -3px;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat;

}

.playlist-info-data .icon-created-by{
    margin-right: 4px;
    margin-left: 2px;
    background-position: -60px -182px; width: 8px; height: 12px;
}

.playlist-info-data .icon-created-data{
    background-position: -60px -105px; width: 12px; height: 12px;
}

.playlist-info-data .icon-last-update{
    background-position: -30px -407px; width: 12px; height: 12px;
}



.section-info-block .bottom-info .watch-playlist{
    float: left;
    height: 41px;
    line-height: 41px;
    min-width: 146px;
    padding: 0 20px;

    color: #4e85b8;
    font-size: 12px;
    font-weight: bold;

    border-left: 1px solid #acacac;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.section-info-block .bottom-info .watch-playlist i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 2px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -60px -270px; width: 10px; height: 10px;
}


.section-info-block .bottom-info .watch-playlist:hover{
    color: #b30000;
}





/* inPlayer adv */


.pl_showtime1_wr2 {
    position: absolute;
    z-index: 999;
    margin-left: 143px;
    margin-top: 110px;
}
.pl_showtime1_wr2 .pl_showtime1_t {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.pl_showtime1_wr2 .pl_showtime1 {
    //display: inline-block;
    padding: 10px;
    background: rgba(177, 177, 177, 0.61);
    //border: 1px solid #bdbdbd;
    //border-top: none;
    position: relative;
}

.pl_showtime1_wr2 .showtime-cont1{
    padding-top: 3px;
}

.pl_showtime1_wr2 .gpt-1,
.pl_showtime1_wr2 .gpt-2 {
    float: left;
    width: 300px;
    height: 250px;
}
.pl_showtime1_wr2 .gpt-1{
    margin-right: 10px;
}

.pl_showtime1_wr2 .pl_showtime1_c{
    cursor: pointer;
    display: block;
    margin-top: 10px;
    padding: 0 14px 0 7px;
    //width: 190px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #bdbdbd;
    background: #fff;
    color: #6d6d6d;
    font-weight: bold;
    text-align: center;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pl_showtime1_wr2 .pl_showtime1_c:hover{
    color: #333;

    background-color: #e2e2e2;
    //background-color: #ececec;
}

.pl_showtime1_wr2 .pl_showtime1_cap {
    position: absolute;
    z-index: 1000;

    left: 0px;
    top: -31px;

    height: 31px;
    line-height: 31px;
    padding: 0 14px;

    //-shadow: 0 0 10px #000;
    background: rgba(177, 177, 177, 0.61);
    color: #000;

    //border: 1px solid #bdbdbd;
    //border-bottom: none;
    font-weight: bold;
}

.pl_showtime1_wr2 .close-button{
    cursor: pointer;
    position: absolute;
    z-index: 100;
    top: -14px;
    right: -16px;
    width: 28px;
    height: 28px;
    background: #686868;
    border: 1px solid #e2e2e2;

    text-align: center;
    line-height: 26px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.pl_showtime1_wr2 .close-button i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -30px -420px; width: 10px; height: 10px;
}

.pl_showtime1_wr2 .close-button:hover{
    background: #818181;
}


@media (max-width: 1240px) {
    .pl_showtime1_wr2 {
    //margin-left: 173px;
    margin-top: 126px;
    }
}
/*
@media (min-width: 1550px) {
    .pl_showtime1_wr2 {
    margin-left: 268px;
    margin-top: 180px;
    }
}
*/
@media (min-width: 1900px) {
    .pl_showtime1_wr2{
    margin-left: 393px;
    margin-top: 250px;
    }
}





/* static page */

.static-content {
    color: #6d6d6d;
    padding: 24px;
}

.static-content .text-black {
    color: #000;
}

.static-content h3 {
    font-size: 18px;
}
.static-content h4 {
    font-size: 16px;
}
.static-content h5 {
    font-size: 14px;
}
.static-content h6 {
    font-size: 12px;
}

.static-content p,
.static-content h3,
.static-content h4,
.static-content h5,
.static-content h6,
.static-content ul,
.static-content ol{
    margin-bottom: 14px;
}

.static-content ul > li{
    margin-left: 15px;
}

.static-content ul ul{
    margin: 7px;
}

.static-content ol > li{
    margin-left: 15px;
}

.static-content ol ol{
    margin: 7px;
}




@media (max-width: 1240px) {


    .block-latest-comments,
    .block-latest-events{
        width: 100%;
        float: none;
        padding: 0;
    }


    .model-profile .model-profile-specs {
        //width: 715px;
    }

    .channel-profile .channel-profile-specs {
        //width: 555px;
    }

    .channel-profile .channel-info .join-now-button{
        position: absolute;
        z-index: 100;
        top: 0;
        right: 0;
        min-width: 116px;
        padding: 0 27px 0 20px;
    }

}

@media (min-width: 1550px) {

    .model-profile .model-profile-specs {
        //width: 1215px;
    }

    .channel-profile .channel-profile-specs {
        //width: 1055px;
    }

}

@media (min-width: 1900px) {

   .model-profile .model-profile-specs {
           //width: 1465px;
   }

    .channel-profile .channel-profile-specs {
        //width: 1305px;
    }


}





/* MEDIA */

/*
1240 - 990 = 250 px
1490 - 1240 = 250 px
1740 - 1490 = 250 px
;) + 1 thumb column

*/


@media (max-width: 1240px) {

    .wrapper {
        width: 920px;
    }

    .header-topbar .topbar-right .search-form input[type="text"]{
        width: 157px;
    }

    .header ul.main-menu{
        font-size: 11px;
    }

    .float-login-form .wrapper-fixed{
        width: 1000px;
    }
    .float-login-form .login-form-block .login-form{
        margin: 28px 0 0 60px;
    }

    .block-signup .form-signup{
        width: 524px;
    }

    .player-left {
        float: none;
        width: auto;
        margin-bottom: 25px;
    }

    .player-showtime {
        float: none;
        width: auto;
        margin-bottom: 25px;
    }

    .player-block .video-container .player-container {
        height: 572px;
        /*height: 547px; width: 972px; */
    }

    .player-showtime ul{
        text-align: center;
    }

    .player-showtime ul li{
        display: inline-block;
    }

    .player-showtime .playlist-videos-right{
        width: 300px;
    }

    .block-profile-header,
    .block-profile-header .profile-cover-picture{
        height: 252px;
    }

    .model-profile .profile-spec-list ul.narrow{
        max-width: 210px;
    }


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

    .wrapper {
        width:1490px;
    }

    .block-signup .form-signup{
        width: 1024px;
    }

    .player-left {
        width: 1180px;
    }

    .player-block .video-container .player-container {
        height: 679px;

        hSeight: 654px;
        wSidth: 1162px;
    }

    .model-profile .profile-spec-list ul.narrow{
        max-width: 610px;
    }


}

*/

@media (min-width: 1900px) {

    .wrapper {
        width: 1850px;
    }

    .block-signup .form-signup{
        width: 1274px;
    }

    .player-left {
        width: 1430px;
    }

    .player-block .video-container .player-container {
        height: 819px;
        /*height: 794px; width: 1412px; */
    }


}






/* Select */

.select-field-hidden {
    visibility:hidden;
    padding-right:10px;
}

.select-field-new {
    cursor:pointer;
    display:inline-block;
    position:relative;
}

.select-field-new .select-field-styled {

    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;

    padding: 0 5px;
    /* width: 230px; */
    height: 27px;
    line-height: 25px;
    border: 1px solid #bdbdbd;
    background: #fff;
    color: #000;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.select-field-new .select-field-styled:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 7px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0px -154px; width: 8px; height: 4px;
}

.select-field-new .select-field-styled:active,
.select-field-new .select-field-styled.active {
    background-color:#eee;
}

.select-field-new .options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    max-height: 250px;
    overflow: auto;
    margin:-1px 0 0 0;
    padding:0;
    list-style:none;
    border:1px solid #bdbdbd;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}

.select-field-new .options li{
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    color: #000;
    border-bottom: 1px dotted #acacac;
    white-space: nowrap;
}

.select-field-new .options li:last-child{
    border-bottom: none;
}

.select-field-new .options li.option-active{
    font-weight: bold;
    color: #333;
    background: #f3e4e4;
}

.select-field-new .options li:hover {
    background: #39f;
    color:white;
}

/* Export_embed.php*/

.export-embed p {
    margin-bottom: 10px;
}
.btn_export-embed {
    display: inline-block;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    outline: 0;
    font-size: 18px;
    margin: 15px 0;
    background: #fff;
    font-weight: 700;
    border: 1px solid #acacac;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn_export-embed:hover {
    background: #e7e7e7;
}

.btn_export-embed a {
	color: #000;
}
/*--- ---*/




/* Flags */

.flag {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 11px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -100px -100px
}

.flag.flag-ad {background-position: -116px -100px}
.flag.flag-ae {background-position: -132px -100px}
.flag.flag-af {background-position: -148px -100px}
.flag.flag-ag {background-position: -164px -100px}
.flag.flag-ai {background-position: -180px -100px}
.flag.flag-al {background-position: -196px -100px}
.flag.flag-am {background-position: -212px -100px}
.flag.flag-an {background-position: -228px -100px}
.flag.flag-ao {background-position: -244px -100px}
.flag.flag-ar {background-position: -260px -100px}
.flag.flag-as {background-position: -276px -100px}
.flag.flag-at {background-position: -292px -100px}
.flag.flag-au {background-position: -308px -100px}
.flag.flag-aw {background-position: -324px -100px}
.flag.flag-az {background-position: -340px -100px}
.flag.flag-ba {background-position: -100px -111px }
.flag.flag-bb {background-position: -116px -111px }
.flag.flag-bd {background-position: -132px -111px }
.flag.flag-be {background-position: -148px -111px }
.flag.flag-bf {background-position: -164px -111px }
.flag.flag-bg {background-position: -180px -111px }
.flag.flag-bh {background-position: -196px -111px }
.flag.flag-bi {background-position: -212px -111px }
.flag.flag-bj {background-position: -228px -111px }
.flag.flag-bm {background-position: -244px -111px }
.flag.flag-bn {background-position: -260px -111px }
.flag.flag-bo {background-position: -276px -111px }
.flag.flag-br {background-position: -292px -111px }
.flag.flag-bs {background-position: -308px -111px }
.flag.flag-bt {background-position: -324px -111px }
.flag.flag-bv {background-position: -340px -111px }
.flag.flag-bw {background-position: -100px -122px }
.flag.flag-by {background-position: -116px -122px }
.flag.flag-bz {background-position: -132px -122px }
.flag.flag-ca {background-position: -148px -122px }
.flag.flag-catalonia {background-position: -164px -122px }
.flag.flag-cd {background-position: -180px -122px }
.flag.flag-cf {background-position: -196px -122px }
.flag.flag-cg {background-position: -212px -122px }
.flag.flag-ch {background-position: -228px -122px }
.flag.flag-ci {background-position: -244px -122px }
.flag.flag-ck {background-position: -260px -122px }
.flag.flag-cl {background-position: -276px -122px }
.flag.flag-cm {background-position: -292px -122px }
.flag.flag-cn {background-position: -308px -122px }
.flag.flag-co {background-position: -324px -122px }
.flag.flag-cr {background-position: -340px -122px }
.flag.flag-cu {background-position: -100px -133px }
.flag.flag-cv {background-position: -116px -133px }
.flag.flag-cw {background-position: -132px -133px }
.flag.flag-cy {background-position: -148px -133px }
.flag.flag-cz {background-position: -164px -133px }
.flag.flag-de {background-position: -180px -133px }
.flag.flag-dj {background-position: -196px -133px }
.flag.flag-dk {background-position: -212px -133px }
.flag.flag-dm {background-position: -228px -133px }
.flag.flag-do {background-position: -244px -133px }
.flag.flag-dz {background-position: -260px -133px }
.flag.flag-ec {background-position: -276px -133px }
.flag.flag-ee {background-position: -292px -133px }
.flag.flag-eg {background-position: -308px -133px }
.flag.flag-eh {background-position: -324px -133px }
.flag.flag-england {background-position: -340px -133px }
.flag.flag-er {background-position: -100px -144px }
.flag.flag-es {background-position: -116px -144px }
.flag.flag-et {background-position: -132px -144px }
.flag.flag-eu {background-position: -148px -144px }
.flag.flag-fi {background-position: -164px -144px }
.flag.flag-fj {background-position: -180px -144px }
.flag.flag-fk {background-position: -196px -144px }
.flag.flag-fm {background-position: -212px -144px }
.flag.flag-fo {background-position: -228px -144px }
.flag.flag-fr {background-position: -244px -144px }
.flag.flag-ga {background-position: -260px -144px }
.flag.flag-gb {background-position: -276px -144px }
.flag.flag-gd {background-position: -292px -144px }
.flag.flag-ge {background-position: -308px -144px }
.flag.flag-gf {background-position: -324px -144px }
.flag.flag-gg {background-position: -340px -144px }
.flag.flag-gh {background-position: -100px -155px}
.flag.flag-gi {background-position: -116px -155px}
.flag.flag-gl {background-position: -132px -155px}
.flag.flag-gm {background-position: -148px -155px}
.flag.flag-gn {background-position: -164px -155px}
.flag.flag-gp {background-position: -180px -155px}
.flag.flag-gq {background-position: -196px -155px}
.flag.flag-gr {background-position: -212px -155px}
.flag.flag-gs {background-position: -228px -155px}
.flag.flag-gt {background-position: -244px -155px}
.flag.flag-gu {background-position: -260px -155px}
.flag.flag-gw {background-position: -276px -155px}
.flag.flag-gy {background-position: -292px -155px}
.flag.flag-hk {background-position: -308px -155px}
.flag.flag-hm {background-position: -324px -155px}
.flag.flag-hn {background-position: -340px -155px}
.flag.flag-hr {background-position: -100px -166px}
.flag.flag-ht {background-position: -116px -166px}
.flag.flag-hu {background-position: -132px -166px}
.flag.flag-ic {background-position: -148px -166px}
.flag.flag-id {background-position: -164px -166px}
.flag.flag-ie {background-position: -180px -166px}
.flag.flag-il {background-position: -196px -166px}
.flag.flag-im {background-position: -212px -166px}
.flag.flag-in {background-position: -228px -166px}
.flag.flag-io {background-position: -244px -166px}
.flag.flag-iq {background-position: -260px -166px}
.flag.flag-ir {background-position: -276px -166px}
.flag.flag-is {background-position: -292px -166px}
.flag.flag-it {background-position: -308px -166px}
.flag.flag-je {background-position: -324px -166px}
.flag.flag-jm {background-position: -340px -166px}
.flag.flag-jo {background-position: -100px -177px}
.flag.flag-jp {background-position: -116px -177px}
.flag.flag-ke {background-position: -132px -177px}
.flag.flag-kg {background-position: -148px -177px}
.flag.flag-kh {background-position: -164px -177px}
.flag.flag-ki {background-position: -180px -177px}
.flag.flag-km {background-position: -196px -177px}
.flag.flag-kn {background-position: -212px -177px}
.flag.flag-kp {background-position: -228px -177px}
.flag.flag-kr {background-position: -244px -177px}
.flag.flag-kurdistan {background-position: -260px -177px}
.flag.flag-kw {background-position: -276px -177px}
.flag.flag-ky {background-position: -292px -177px}
.flag.flag-kz {background-position: -308px -177px}
.flag.flag-la {background-position: -324px -177px}
.flag.flag-lb {background-position: -340px -177px}
.flag.flag-lc {background-position: -100px -188px}
.flag.flag-li {background-position: -116px -188px}
.flag.flag-lk {background-position: -132px -188px}
.flag.flag-lr {background-position: -148px -188px}
.flag.flag-ls {background-position: -164px -188px}
.flag.flag-lt {background-position: -180px -188px}
.flag.flag-lu {background-position: -196px -188px}
.flag.flag-lv {background-position: -212px -188px}
.flag.flag-ly {background-position: -228px -188px}
.flag.flag-ma {background-position: -244px -188px}
.flag.flag-mc {background-position: -260px -188px}
.flag.flag-md {background-position: -276px -188px}
.flag.flag-me {background-position: -292px -188px}
.flag.flag-mg {background-position: -308px -188px}
.flag.flag-mh {background-position: -324px -188px}
.flag.flag-mk {background-position: -340px -188px}
.flag.flag-ml {background-position: -100px -199px}
.flag.flag-mm {background-position: -116px -199px}
.flag.flag-mn {background-position: -132px -199px}
.flag.flag-mo {background-position: -148px -199px}
.flag.flag-mp {background-position: -164px -199px}
.flag.flag-mq {background-position: -180px -199px}
.flag.flag-mr {background-position: -196px -199px}
.flag.flag-ms {background-position: -212px -199px}
.flag.flag-mt {background-position: -228px -199px}
.flag.flag-mu {background-position: -244px -199px}
.flag.flag-mv {background-position: -260px -199px}
.flag.flag-mw {background-position: -276px -199px}
.flag.flag-mx {background-position: -292px -199px}
.flag.flag-my {background-position: -308px -199px}
.flag.flag-mz {background-position: -324px -199px}
.flag.flag-na {background-position: -340px -199px}
.flag.flag-nc {background-position: -100px -210px}
.flag.flag-ne {background-position: -116px -210px}
.flag.flag-nf {background-position: -132px -210px}
.flag.flag-ng {background-position: -148px -210px}
.flag.flag-ni {background-position: -164px -210px}
.flag.flag-nl {background-position: -180px -210px}
.flag.flag-no {background-position: -196px -210px}
.flag.flag-np {background-position: -212px -210px}
.flag.flag-nr {background-position: -228px -210px}
.flag.flag-nu {background-position: -244px -210px}
.flag.flag-nz {background-position: -260px -210px}
.flag.flag-om {background-position: -276px -210px}
.flag.flag-pa {background-position: -292px -210px}
.flag.flag-pe {background-position: -308px -210px}
.flag.flag-pf {background-position: -324px -210px}
.flag.flag-pg {background-position: -340px -210px}
.flag.flag-ph {background-position: -100px -221px}
.flag.flag-pk {background-position: -116px -221px}
.flag.flag-pl {background-position: -132px -221px}
.flag.flag-pm {background-position: -148px -221px}
.flag.flag-pn {background-position: -164px -221px}
.flag.flag-pr {background-position: -180px -221px}
.flag.flag-ps {background-position: -196px -221px}
.flag.flag-pt {background-position: -212px -221px}
.flag.flag-pw {background-position: -228px -221px}
.flag.flag-py {background-position: -244px -221px}
.flag.flag-qa {background-position: -260px -221px}
.flag.flag-re {background-position: -276px -221px}
.flag.flag-ro {background-position: -292px -221px}
.flag.flag-rs {background-position: -308px -221px}
.flag.flag-ru {background-position: -324px -221px}
.flag.flag-rw {background-position: -340px -221px}
.flag.flag-sa {background-position: -100px -232px}
.flag.flag-sb {background-position: -116px -232px}
.flag.flag-sc {background-position: -132px -232px}
.flag.flag-scotland {background-position: -148px -232px}
.flag.flag-sd {background-position: -164px -232px}
.flag.flag-se {background-position: -180px -232px}
.flag.flag-sg {background-position: -196px -232px}
.flag.flag-sh {background-position: -212px -232px}
.flag.flag-si {background-position: -228px -232px}
.flag.flag-sk {background-position: -244px -232px}
.flag.flag-sl {background-position: -260px -232px}
.flag.flag-sm {background-position: -276px -232px}
.flag.flag-sn {background-position: -292px -232px}
.flag.flag-so {background-position: -308px -232px}
.flag.flag-somaliland {background-position: -324px -232px}
.flag.flag-sr {background-position: -340px -232px}
.flag.flag-ss {background-position: -100px -243px}
.flag.flag-st {background-position: -116px -243px}
.flag.flag-sv {background-position: -132px -243px}
.flag.flag-sx {background-position: -148px -243px}
.flag.flag-sy {background-position: -164px -243px}
.flag.flag-sz {background-position: -180px -243px}
.flag.flag-tc {background-position: -196px -243px}
.flag.flag-td {background-position: -212px -243px}
.flag.flag-tf {background-position: -228px -243px}
.flag.flag-tg {background-position: -244px -243px}
.flag.flag-th {background-position: -260px -243px}
.flag.flag-tj {background-position: -276px -243px}
.flag.flag-tk {background-position: -292px -243px}
.flag.flag-tl {background-position: -308px -243px}
.flag.flag-tm {background-position: -324px -243px}
.flag.flag-tn {background-position: -340px -243px}
.flag.flag-to {background-position: -100px -254px}
.flag.flag-tr {background-position: -116px -254px}
.flag.flag-tt {background-position: -132px -254px}
.flag.flag-tv {background-position: -148px -254px}
.flag.flag-tw {background-position: -164px -254px}
.flag.flag-tz {background-position: -180px -254px}
.flag.flag-ua {background-position: -196px -254px}
.flag.flag-ug {background-position: -212px -254px}
.flag.flag-um {background-position: -228px -254px}
.flag.flag-us {background-position: -244px -254px}
.flag.flag-uy {background-position: -260px -254px}
.flag.flag-uz {background-position: -276px -254px}
.flag.flag-va {background-position: -292px -254px}
.flag.flag-vc {background-position: -308px -254px}
.flag.flag-ve {background-position: -324px -254px}
.flag.flag-vg {background-position: -340px -254px}
.flag.flag-vi {background-position: -100px -265px}
.flag.flag-vn {background-position: -116px -265px}
.flag.flag-vu {background-position: -132px -265px}
.flag.flag-wales {background-position: -148px -265px}
.flag.flag-wf {background-position: -164px -265px}
.flag.flag-ws {background-position: -180px -265px}
.flag.flag-ye {background-position: -196px -265px}
.flag.flag-yt {background-position: -212px -265px}
.flag.flag-za {background-position: -228px -265px}
.flag.flag-zanzibar {background-position: -244px -265px}
.flag.flag-zm {background-position: -260px -265px}
.flag.flag-zw {background-position: -276px -265px}








/* upload form: screenshots popup */;


.form-right-row{
    //float: left;
    width: 420px;
    padding-top: 7px;
}

.current-main-screenshot img{
    border: 4px solid #acacac;
}

.choose-sreenshots-popup{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events:none;
}

.popup-dimmer{
    position: fixed;
    z-index: 8888;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.71);   
}
.popup-centered-table{
    display: table;
    width: 100%;
    height: 100%;
    pointer-events:none;
}
.popup-centered{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    pointer-events:none;
}

.choose-sreenshots-block{
    position: relative;
    width: 1030px;
    margin: 30px auto;
    border: 1px solid #acacac;
    background: #fff;
    pointer-events: auto;
}

@media (max-width: 1024px) {

    .choose-sreenshots-block{
        width: 780px;
    }


}


.choose-sreenshots-block .block-title{
    margin-top: 10px;
    margin-left: 10px;
    color: #000;
}

.popup-scroll-container{
    overflow-y: auto;
}

.choose-sreenshots-list{
    padding-left: 10px;
}
.choose-sreenshots-list > li{
    float: left;
    margin-right: 10px;
    margin-bottom: 8px;
}
.choose-sreenshots-list .thumb{
    display: block;
    position: relative;
}
.choose-sreenshots-list .thumb img{
    display: block;
    width: 240px;
    height: 135px;
}
.choose-sreenshots-list .thumb.active:before{
    position: absolute;
    z-index: 100;
    content: '';
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    border: 4px solid #acacac;
    background: rgba(0,0,0,0.25); 
}


.popup-close-button{
    position: absolute;
    z-index: 100;
    top: -14px;
    right: -14px;
    width: 28px;
    height: 28px;
    background: #686868;
    border: 1px solid #e2e2e2;

    text-align: center;
    line-height: 26px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.popup-close-button i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -30px -420px; width: 10px; height: 10px;
}

.popup-close-button:hover{
    background: #818181;
}

.overflow-hidden{
    overflow: hidden;
}



/* drop down */
.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #bdbdbd;   

    display: inline-block;
    padding: 4px 5px;
    color: #555;
    vertical-align: middle;
    width: 393px;
    line-height: 22px;
    cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: 100%;
  max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 6px;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    width: 12px;
    height: 12px;
    font-size: 11px;
    font-weight: bold;
    margin-left: 3px;
    cursor: pointer;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    background: #ccc;
    text-align: center;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  color: #fff;
  padding: 0px 2px;
  display: inline-block;
  line-height: 1;
  vertical-align: top;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    background: #cc0000;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    background: #cc0000;
}




.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  margin: 2px 0 0;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
    border: 1px solid #bdbdbd;   

}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}


.report i{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAvklEQVQ4T+2U4Q2CQAxGHxPIBriBboAb4AbqBm6gIzACjuAGuoEj6AhMoPlIjzSXIAnnP+wfmjvuNVf6yPhxZEAD7ICD5UklBHwb4Q5sHG0JVEDu1q7AY6DiWesCKjkCW+Bm0FME94wnUAOCq+jKzivvgIoA0rNMuXMMDNefzPwD+xGacQ9bZ4YGtxjpRTs0NhfzWoPuQ9C9mbFwGy+zp4mB0lA/C+n1LeT32jzXu73fMXDy1w0HZwxM7l0AfAB1qzGMMmsijgAAAABJRU5ErkJggg==') no-repeat!important;
    background-size: 12px!important;
}

.msg {
    text-align: center;
    padding: 20px;
    background: #dedede;
    font-size: 12px;
}
.msg-closer {
    cursor: pointer;
    font-weight: bold;
    margin-left: 5px;
}