#wrapper,
.page {
    position: relative
}
.oboxed,
.page,
img {
    border: 0
}
.share-body li a,
.user-box,
.watch-header i,
img {
    vertical-align: middle
}
.video .stats a:hover,
.video h4 a:hover {
    text-decoration: underline
}
.cats,
.cats li,
.comments,
.comments .msg-footer,
.comments .msg-footer>li,
.gluid,
.minict_wrapper ul,
.minict_wrapper ul li,
.red-nav ul,
.sidebar-nav,
.sidebar-nav li,
.sidebar-nav ul,
.timelist,
.video ul.stats,
.video ul.stats>li,
.video-player-sidebar ul,
.video-related ul,
ul.socialfooter li {
    list-style: none
}
img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    -ms-interpolation-mode: bicubic
}
body,
html {
    height: 100%;
    min-height: 100%
}
#wrapper {
    margin-top: 69px!important;
    background: 0 0;
    min-height: 500px;
    min-height: calc(100% - 219px)
}
.page {
    margin: 10px 0;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.p-buzz,
.p-dashboard,
.p-members,
.p-playlists,
.p-profile,
.p-search,
.p-video {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.oboxed {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.p-home h1.loop-heading,
.p-home h3.loop-heading {
    display: block;
    padding-left: 10px;
    line-height: 18px;
    font-size: 15px;
    font-weight: 500
}
@media screen and (min-height: 630px) and (min-width: 1294px) {
    .body-video #wrapper {
        max-width: 1707px;
        width: auto!important
    }
    .p-video .video-under-right {
        max-width: 418px
    }
    .p-video .video-holder .col-md-8,
    .p-video .video-under {
        width: calc(100% - 427px);
        max-width: 1280px
    }
}
.video-player embed,
.video-player iframe,
.video-player iframe ._53j5,
.video-player iframe .swfObject,
.video-player object,
.video-player video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.video-holder {
    width: 100%;
    position: relative;
    display: block;
    margin: 0!important
}
#video-content.gofullscreen {
    width: 100%!important;
    max-width: 2000px;
    height: auto
}
.seyredelimPlaylist {
    display: block;
    position: relative;
    margin: 0;
    background: #d51645;
    padding: 0;
    border-bottom: 1px solid #d51645;
    border-top: 1px solid #d51645
}
.seyredelimPlaylist a,
.seyredelimPlaylist h1 {
    color: #fff
}
.seyredelimPlaylist .list-next {
    position: absolute;
    top: 15px;
    right: 10px
}
@media (max-width: 800px) {
    .seyredelimPlaylist .list-next {
        bottom: 3px;
        top: auto
    }
}
.seyredelimPlaylist .list-next a {
    display: inline-block;
    padding: 10px 0
}
.seyredelimPlaylist .list-next i {
    font-size: 20px;
    margin-right: 15px
}
.syrCizgi,
.syrCizgi:before {
    background-color: rgba(33, 33, 33, .05)
}
.syrCizgi {
    display: block;
    width: 100%;
    height: 10px;
    position: relative;
    margin-left: 0;
    margin-right: auto;
    border: none
}
.syrCizgi:before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    left: 0;
    top: -3.5px
}
.cute span {
    font-weight: 500;
    font-family: Roboto, sans-serif
}
.cute h1 {
    font-family: Raleway, sans-serif!important;
    font-weight: 300!important;
    padding-left: 10px;
    font-size: 20px
}
.likes-holder a,
.video-header a {
    display: inline-block;
    color: #7d7d7d;
    padding: 2px 5px
}
.video-header i {
    font-size: 22px;
    margin-top: 2px;
    color: #cacaca
}
#i-like-it.isLiked i,
.done-like i,
i.isActive {
    font-size: 21px!important;
    color: #7aa745!important
}
.done-dislike i {
    font-size: 21px!important;
    color: #c95454!important
}
#i-dislike-it a:hover,
#i-dislike-it i:hover {
    color: #c95454
}
.likes-holder {
    display: block;
    text-align: left;
    padding: 8px 0 0;
    border-top: 1px solid #e8e8e8;
    margin-top: 15px
}
.watch-header i {
    font-size: 18px;
    line-height: 25px;
    color: #555;
    margin-right: 6px
}
.watch-header {
    display: block;
    position: relative;
    text-align: center
}
.watch-header .header-elements,
.watch-header .like-box,
.watch-header a {
    display: inline-block;
    float: left;
    position: relative;
    padding: 0 6px;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    overflow: visible
}
.comments li .message,
.gritter-item p,
.video,
.video h4,
.video-under h1 {
    word-wrap: break-word
}
.watch-header a:hover,
.watch-header a:hover i {
    color: #222
}
.watch-header .like-box {
    position: absolute;
    top: -38px;
    right: 0;
    z-index: 1
}
.watch-header .pull-right {
    z-index: 30
}
.like-box {
    width: 160px
}
.like-box .like-views,
.like-box .progress,
.video-player {
    width: 100%;
    display: block
}
.like-box .like-views {
    padding: 6px 3px;
    color: #666;
    text-align: right;
    font-size: 15px;
    margin-top: 4px;
    cursor: text
}
.video-player {
    position: relative;
    margin: 0!important;
    min-height: 160px;
    clear: both
}
.video-under h1 {
    line-height: normal;
    height: auto!important;
    overflow: visible;
    font-size: 24px;
    color: #222;
    display: block;
    margin: 0 0 8px
}
.video-under,
.video-under-right {
    display: inline-block;
    margin-left: 0!important;
    margin-right: 0!important
}
@media screen and (min-width: 990px) and (max-width: 1295px) {
    .video-under-right {
        width: 32%!important
    }
}
.odet {
    padding: 15px 15px 5px
}
a#revealDesc,
a#revealRelated {
    display: block;
    text-align: center;
    color: #767676;
    font-size: 11px;
    font-weight: 500;
    padding: 6px 0 4px;
    border-top: 1px solid #e8e8e8
}
.video-player-sidebar {
    display: block;
    position: relative;
    width: 100%;
    background: #191919
}
.video-player-sidebar .thumb,
.video-player-sidebar img {
    width: 100px;
    height: 56px;
    float: left;
    position: relative
}
.video-player-sidebar ul {
    display: block;
    position: relative
}
.video-player-sidebar li {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 4px 4px 4px 0;
    font-size: 13px;
    color: #6e6e6e;
    text-shadow: 0 1px 0 #000
}
.video-player-sidebar li:hover {
    background: #3a3a3a
}
.video-player-sidebar li.playingNow {
    background: #3a3a3a;
    border: 1px solid #d51645;
    border-right: none;
    border-left: 3px solid #d51645
}
.video-player-sidebar .thumb .timer {
    line-height: 11px;
    right: 2px;
    bottom: 2px
}
.video-player-sidebar .data .title a {
    display: block;
    color: #cacaca;
    font-size: 13px;
    font-weight: 400;
    max-height: 2.6em;
    line-height: 1.3em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word
}
.video-player-sidebar .data {
    margin-left: 110px
}
.data .title {
    overflow: hidden;
    margin: 0;
    padding: 0;
    clear: right;
    cursor: pointer
}
.data .title a {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    line-height: 1.2;
    max-height: 2.4em;
    margin-bottom: 2px;
    overflow: hidden;
    cursor: pointer
}
.data .usermeta {
    display: block;
    font-size: 11px;
    line-height: 15px;
    width: 100%;
    margin: 0
}
.data .usermeta a {
    color: #76838f;
    font-size: 11px
}
.video-player-sidebar .inner {
    position: relative;
    padding: 1px 0 1px 8px;
    height: 58px
}
.thumb .overlay,
.video-thumb .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d51645;
    background-image: url(../images/icon-play-24.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}
.loop-content .thumb .overlay,
.loop-content .video-thumb .overlay {
    background-color: #f6a30c!important;
    background-image: url(../images/play_button.png)
}
.thumb .timer,
.vSeen {
    position: absolute;
    min-width: 30px;
    line-height: 15px;
    text-align: center;
    background: #000;
    color: #f2f3f6
}
.thumb:hover .overlay,
.video-thumb:hover .overlay {
    cursor: pointer;
    visibility: visible;
    opacity: .7;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    -ms-transition: .75s;
    -o-transition: .75s;
    transition: .75s
}
.thumb .timer {
    opacity: .75;
    bottom: 0;
    right: 0;
    padding: 0 2px;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.vSeen {
    display: block;
    top: 3px;
    left: 3px;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 700;
    font-family: Arial, Tahoma, Geneva, sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: .7
}
.timer i {
    margin: 3px 4px
}
.video-related {
    width: 100%;
    position: relative;
    display: block;
    margin: 0;
    padding: 15px 9px 15px 5px
}
.video-related .thumb,
.video-related img {
    border: 1px solid transparent;
    width: 120px;
    height: 68px;
    float: left;
    position: relative
}
.video-related ul {
    display: block;
    position: relative;
    max-width: 99%
}
.video-related li {
    position: relative;
    width: 100%;
    margin-left: 4px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 10px
}
.video-related>ul>li:first-child {
    border-top-color: transparent;
    padding-top: 0!important
}
.video-related .thumb .timer {
    opacity: .9;
    right: 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .07)
}
.video-related .inner {
    display: block;
    clear: both
}
.video-player-sidebar .data .usermeta {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #6e6e6e
}
.video-player-sidebar .data {
    padding-top: 4px
}
.player-in-list {
    background: #191919;
    z-index: 10;
    overflow: hidden
}
.video-related li:hover img {
    border: 1px solid #c75757
}
.video-related li:hover .data .title a {
    color: #167ac6
}
.video-related li a {
    color: #333
}
.video-related .data {
    margin-left: 130px
}
.user-box {
    width: auto;
    display: inline-block;
    white-space: nowrap
}
.user-box .userav,
.user-box img {
    width: 60px;
    height: 50px;
    float: left;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px
}
.user-box h3 {
    font-size: 15px;
    height: 22px;
    color: #333;
    font-weight: 500;
    display: block;
    margin: 0 4px 2px;
    line-height: normal
}
.user-box .btn-sm {
    padding: 4px 6px
}
.btn-sm.subscriber {
    padding-right: 14px
}
.subscriber .icon {
    position: absolute;
    left: 8px;
    padding-top: 8px;
    top: 0
}
.subscriber,
.user-box .btn,
span.btn-sm {
    font-size: 13px!important
}
.like-progress {
    display: block;
    width: 100%;
    height: 3px
}
.like-progress div {
    height: 3px;
    display: inline-block;
    float: left
}
.likes-success {
    background-color: #62a8ea
}
.likes-danger {
    background-color: #dd4b39
}
.likes-danger.second {
    float: right
}
.share-body {
    display: block;
    width: 100%
}
.share-body li a {
    display: block;
    padding: 10px;
    font-size: 24px;
    color: #555;
    margin-right: 20px
}
.share-body li.fbxs {
    float: right!important;
    padding-top: 6px;
    margin-right: 0
}
.share-body li:hover a {
    -ms-transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2)
}
.share-body li.facebook:hover a {
    color: #3b5998
}
.share-body li.twitter:hover a {
    color: #55acee
}
.share-body li.googleplus:hover a {
    color: #dd4b39
}
.share-body li.pinterest:hover a {
    color: #cc2127
}
.share-body li.linkedin:hover a {
    color: #0976b4
}
.share-body li.whatsapp:hover a {
    color: #43d854
}
.seyredelim-video-list {
    display: block!important;
    width: 100%;
    text-align: left;
    clear: both;
    margin: 0 auto 30px
}
.seyredelim-video-list:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
.video {
    position: relative;
    width: 196px;
    float: left;
    margin: 0 9px 11px;
    vertical-align: top
}
@media (min-width: 1600px) {
    .video:nth-child(6n+6) {
        margin-right: auto!important
    }
    .usered .video:nth-child(6n+6) {
        margin-right: 9px!important
    }
    .usered .video:nth-child(4n+4) {
        margin-right: auto!important
    }
    .usered {
        padding-left: 10px
    }
}
@media (min-width: 1200px) and (max-width: 1599px) {
    .video {
        margin-left: 1%!important;
        width: 18%;
        margin-right: 1%!important
    }
    .owl-carousel .video {
        min-width: 204px;
        margin: 0!important;
        margin-left: 4% !important;
    }
}
@media (min-width: 946px) and (max-width: 1199px) {
    .video {
        margin-left: 1%!important;
        width: 23%;
        margin-right: 1%!important
    }
    .owl-carousel .video {
        min-width: 195px;
        margin: 0!important;
        margin-left: 4% !important;
    }
    .video-thumb img {
        height: 100%!important;
        width: 100%!important
    }
}
@media (min-width: 670px) and (max-width: 945px) {
    .video {
        margin-left: 1%!important;
        width: 31%;
        margin-right: 1%!important
    }
    .owl-carousel .video {
        min-width: 216.38px;
        margin: 0!important;
        margin-left: 3% !important;
    }
    .video-thumb img {
        height: 100%!important;
        width: 100%!important
    }
    .slimScrollDiv {overflow:visible!important;height:100% !important;} 
}
@media (min-width: 460px) and (max-width: 669px) {
    .video {
        margin-left: 1%!important;
        width: 48%;
        margin-right: 1%!important
    }
    .owl-carousel .video {
        min-width: 250px;
        margin: 0!important;
        margin-left: 4% !important;
    }
    .video-thumb {
        height: 100px!important;
        min-height: 130px
    }
    .video-thumb img {
        width: 100%!important;
        height: 100%!important;
        min-height: 130px
    }
    .owl-theme .owl-controls .owl-buttons div {
        opacity: 0.95!important
    }
    .slimScrollDiv {overflow:visible!important;height:100% !important;} 
}
@media (min-width: 1px) and (max-width: 459px) {
    .video {
        width: 98%;
        margin: 0 0 14px 1%!important
    }
    .video h4 a,
    .video h4 {
        font-size: 16px!important;
        height: auto!important;
        padding: 5px 0!important
    }
    .video .video-data {
        padding: 2px 10px
    }
    .video-thumb img {
        width: 100%!important;
        height: 100%!important;
        min-height: 180px
    }
    .video-thumb {
        min-height: 180px
    }
    .owl-theme .owl-controls .owl-buttons div {
        opacity: 0.95!important
    }
    #SearchResults p.small {
        max-height: 33px;
        overflow: hidden
    }
    #SearchResults .video {
        padding: 6px 0 6px 6px!important;
        margin-left: 0!important
    }
    #SearchResults .video .video-data {
        padding-right: 0!important
    }
    #SearchResults .video-thumb,
    #SearchResults .video-thumb img {
        width: 120px!important;
        min-height: 120px
    }
    #SearchResults .video-data {
        max-width: calc(100% - 124px)!important
    }
    .video ul.stats > li {
        margin-right: 8px!important
    }
}
.video h4 {
    line-height: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px!important;
    margin: 0;
    margin-bottom: 5px;
    padding: 0
}
.video,
.video-data {
    text-align: left;
    word-wrap: break-word;
}
.video-data {
    height: 60px
}
.video-thumb {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #fff;
    font-size: 0;
    vertical-align: middle;
    height: 110px
}
.video-thumb .timer {
    position: absolute;
    right: 2px;
    bottom: 2px;
    margin-top: 0;
    margin-right: 0;
    padding: 0 4px;
    font-weight: bold;
    font-size: 11px;
    background-color: #000;
    color: #fff!important;
    height: 14px;
    line-height: 14px;
    opacity: .75;
    filter: alpha(opacity=75);
    display: -moz-inline-stack;
    vertical-align: top;
    zoom: 1;
    display: inline-block
}
.video .stats,
.video .stats a {
    font-size: 11px;
    color: #555;
    overflow: hidden
}
.video ul.stats {
    list-style: none
}
.video ul.stats > li {
    list-style: none;
    margin-right: 11px;
    line-height: 1.3em;
    display: inline-block;
    font-family: arial, sans-serif;
    font-size: 11px;
    line-height: 12px
}
.video ul.stats > li:last-child {
    margin-right: 0
}
.video ul.stats > li:first-child {
    display: block;
    width: 100%
}
.video ul.stats > li > a {
    color: #222
}
.video ul.stats > li > a:hover {
    color: #167ac6
}
.video .stats a:hover {
    color: #167ac6;
    text-decoration: underline
}
.video-thumb .clip {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
.video-thumb .heartit {
    position: absolute;
    right: 5px;
    top: 4px;
    bottom: 0;
    z-index: 2;
    height: 15px;
    width: 15px;
    opacity: 0.3
}
.video-thumb .laterit,
.related .laterit {
    position: absolute;
    left: 5px;
    bottom: 8px;
    z-index: 2;
    height: 19px;
    width: 19px;
    opacity: 0
}
.statistics>li,
.user-quick {
    position: relative;
    display: inline-block
}
.video:hover .video-thumb .heartit {
    font-size: 14px;
    color: #fff;
    opacity: 1;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    -ms-transition: .75s;
    -o-transition: .75s;
    transition: .75s
}
.related .item-post:hover .laterit,
.video:hover .video-thumb .laterit {
    font-size: 19px;
    color: #fff;
    opacity: .9
}
.video .video-data {
    overflow: hidden;
    height: 80px
}
.video h4 a {
    color: #167ac6
}
.user-quick {
    position: relative;
    float: right;
    margin-right: 5px;
    vertical-align: middle;
    height: 61px;
    color: #666;
    font-size: 16px;
    background: none;
    display: inline-block
}
.user-quick a {
    display: inline-block;
    margin-right: 10px;
    line-height: 30px
}
.user-quick a#uplBtn,
.user-quick a#show-search,
.user-quick a#uploadNow,
.user-quick a#loginNow {
    margin-right: 25px
}
.user-quick > .dropdown-menu a {
    margin-right: 2px
}
.user-quick .btn-small {
    padding: 4px 7px;
    font-size: 13px;
    border-radius: 0!important
}
.user-quick .uav img {
    width: 30px;
    height: 30px;
    border-radius: 200px
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}
.button {
    margin: 5px;
    padding: 7px 15px;
    color: #777;
    background-color: #f5f5f5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    color: #444;
    filter: dropshadow(color=#fff, offx=0, offy=1);
    -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 #fff inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #ededed;
    border-bottom: 1px solid #d7d7d7;
    color: #777
}
.button i {
    margin-right: 4px
}
.small-button {
    padding: 3px 6px !important
}
.button:hover {
    color: #555;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 #fff inset, 0 1px 3px rgba(0, 0, 0, 0.2)
}
.statistics {
    width: 100%;
    text-align: center;
    padding: 3px 2px;
    font-size: 0;
    line-height: 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box
}
.fixed-top,
.minict_wrapper {
    -webkit-box-sizing: border-box
}
.statistics>li {
    width: 90%;
    margin: 8px 2px;
    position: relative;
    display: inline-block;
    text-align: left
}
.statistics>li>span {
    font-size: 11px;
    margin-top: 5px;
    display: block;
    color: #555;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}
.top-info>a,
.vids {
    display: inline-block
}
.vids {
    padding-top: 0!important;
    width: auto
}
.vids>li {
    width: 110px !important;
    float: right
}
.top-info {
    margin-bottom: 12px
}
.top-info i {
    font-size: 15px
}
.top-info>a {
    display: inline-block;
    float: left;
    margin-right: 8px;
    margin-top: 1px
}
.top-info>a>i {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    padding: 6px 5px;
    margin: 0
}
.top-info>strong {
    font-size: 24px;
    font-weight: 600;
    display: block;
    float: left;
    margin-top: 4px;
    text-shadow: 0 1px 0 #fff
}
.top-info:after {
    content: "";
    display: block;
    clear: both
}
.fb-comments,
.fb-comments span,
.fb-comments span[style],
.fb-comments iframe,
.fb-comments iframe[style] {
    width: 100% !important
}
.fb-comments {
    margin-top: 20px
}
.blc,
.loop-content {
    display: block;
    max-width: 100%
}
.blc-center {
    margin: auto;
    text-align: center
}
/* Toastr notifications */

.toast-title {
    font-weight: bold;
}
.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.toast-message a,
.toast-message label {
    color: #FFFFFF;
}
.toast-message a:hover {
    color: #CCCCCC;
    text-decoration: none;
}
.toast-close-button,
.toast-close-button:hover,
.toast-close-button:focus {
    /* Removed, tap to close */
}
.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}
.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-left {
    top: 64px;
    left: 10px;
}
.toast-top-right {
    top: 60px;
    right: 12px;
}
.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}
.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}
#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
}
#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 3px #999999;
    -webkit-box-shadow: 0 0 3px #999999;
    box-shadow: 0 0 3px #999999;
    color: #FFFFFF;
    opacity: 0.8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}
#toast-container > div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}
#toast-container > div:hover {
    -moz-box-shadow: 0 0 3px #000000;
    -webkit-box-shadow: 0 0 3px #000000;
    box-shadow: 0 0 3px #000000;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}
#toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.toast {
    background-color: #030303;
}
.toast-success {
    background-color: #51A351;
}
.toast-error {
    background-color: #BD362F;
}
.toast-info {
    background-color: #2F96B4;
}
.toast-warning {
    background-color: #F89406;
}
/*Responsive Design*/

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }
    #toast-container > div.rtl {
        padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}
@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }
    #toast-container > div.rtl {
        padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}
@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
    #toast-container > div.rtl {
        padding: 15px 50px 15px 15px;
    }
}
.buzzTime {
    font-style: italic
}
.gritter-close:before {
    content: "\f00d"
}
@-webkit-keyframes animScale {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0) scale3d(.1, .6, 1)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }
}
@keyframes animScale {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0) scale3d(.1, .6, 1);
        transform: translate3d(0, 40px, 0) scale3d(.1, .6, 1)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }
}
#sidebar {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    text-align: left;
    padding: 65px 3px 2px 4px;
    width: 224px;
    z-index: 9;
    border-right: 1px solid #ededed;
    background: #fff;
    color: #666;
    font-family: Roboto, sans-serif;
    font-weight: 400
}
#sidebar.hide {
    display: none!important
}
.left-sidebar {
    position: relative;
    text-align: left
}
#infscr-loading,
.MaxUpload_Box .info,
.error-info,
.floating-video-ad,
.logo>span,
.static-ad {
    text-align: center
}
.li-heading {
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    display: block;
    color: #797E89;
    padding: 29px 15px 15px 5px;
    text-decoration: none;
    position: relative;
    font-size: 13px;
    margin: 0
}
.slimScrollBar {
    z-index: 99!important;
    border-radius: 2px!important;
    background: rgb(238, 238, 238) !important;
}
.sidebar-nav ul {
    width: 100%;
    background: #fff
}
.sidebar-nav {
    width: 218px;
    margin: 5px 0 0
}
.sidebar-nav li {
    padding-left: 10px;
    margin: 0;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #fff
}
.sidebar-nav li.active:hover {
    background: 0 0;
    border-left: none!important
}
.sidebar-nav ul li i {
    color: #888;
    font-size: 16px;
    line-height: 22px;
    margin-right: 10px;
    margin-left: 3px
}
.sidebar-nav a {
    display: block;
    outline: 0;
    float: none;
    text-transform: none;
    margin: 0;
    padding: 2px 1px 2px 0;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    color: #767676
}
.cctotal,
.error-info h4,
h4.user-heads {
    text-transform: uppercase
}
.sidebar-nav li>a>span {
    float: left;
    width: 35px
}
.sidebar-nav li:hover {
    background: #ddd;
    border-left: 5px solid #777
}
.sidebar-nav li a:hover {
    color: #000!important
}
.sidebar-nav .active a,
.sidebar-nav .active a:hover {
    background-color: #d51645;
    color: #fff!important
}
.sidebar-nav .active a .iconed i {
    color: #fff!important
}
.sidebar-nav li:hover>a,
.sidebar-nav li:hover>a>i,
.sidebar-nav li:hover>a>span,
.sidebar-nav li:hover>a>span>i {
    border-color: transparent;
    text-decoration: none
}
.sidebar-nav li:hover>a>img {
    border-color: transparent
}
.sidebar-nav>li.active>a {
    background-color: #4D90FE
}
.sidebar-nav ul a img {
    margin-left: 2px;
    margin-right: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eee;
    width: 23px;
    height: 23px
}
.sidebar-nav.blc i {
    color: #d51645
}
.floating-video-ad {
    position: absolute;
    z-index: 99999999;
    display: block;
    width: 100%;
    height: auto;
    opacity: .35
}
.floating-video-ad img {
    margin: 0 auto
}
.floating-video-ad:hover {
    opacity: .99!important
}
.floating-video-ad.adbottom {
    bottom: 12%
}
.floating-video-ad.adtop {
    top: 5px
}
.floating-video-ad .close-ad {
    background: url(../images/close_button.gif) left top no-repeat;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 9999;
    display: none;
    color: #666;
    line-height: 17px;
    cursor: pointer;
    width: 17px;
    height: 17px
}
.floating-video-ad:hover .close-ad {
    display: block!important
}
.static-ad {
    display: block;
    padding: 10px auto;
    clear: both
}
#infscr-loading {
    z-index: 100;
    position: fixed;
    left: 45%;
    bottom: 55px;
    width: 164px;
    padding: 10px;
    background: #fff;
    opacity: .9;
    color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e8e8e8
}
.ocoms {
    padding: 15px 15px 25px
}
.comments {
    margin: 0;
    padding: 0
}
.comments li {
    padding: 7px 5px;
    clear: both
}
.comments li img.avatar {
    height: 45px;
    width: 45px
}
.comments li img.avatar,
.comments li.addcm img.avatar {
    margin: 5px 8px 0 5px;
    float: left
}
.comments ul.reply li img.avatar {
    height: 31px;
    width: 31px
}
.comments li.addcm img.avatar {
    margin-top: 0!important
}
.comments li .name {
    color: #128ee9;
    font-size: 13px;
    font-weight: 500
}
.comments li .message {
    color: #000;
    display: block;
    position: relative;
    padding: 0 10px;
    text-align: left;
    margin-left: 52px;
    font-size: 13px;
    clear: right
}
.comments li.addcm .message {
    margin-left: 55px
}
.comments li .message .arrow {
    height: 12px;
    position: absolute;
    top: 0;
    width: 12px;
    left: 0
}
.comments li .message .arrow-inner,
.comments li .message .arrow-outer {
    border-bottom-color: transparent;
    border-left-color: transparent;
    position: absolute
}
.comments .arrow-outer {
    border: 6px solid #eaeaea;
    left: 0;
    top: 0
}
.comments .arrow-inner {
    border: 7px solid #fff;
    left: 2px;
    top: 1px;
    z-index: 1
}
.comments li .message .body {
    display: block;
    color: #333
}
.comments .msg-footer {
    display: block
}
.comments .msg-footer>li {
    display: inline-block;
    color: #767676;
    padding-right: 8px;
    padding-left: 5px;
    font-size: 11px
}
.comments .msg-footer>li:first-child {
    padding-left: 0!important
}
.comments .msg-footer>li i {
    margin-right: 5px
}
.comments .msg-footer>li a {
    color: #555;
    opacity: .75;
    font-size: 13px
}
.comments .msg-footer>li:hover a,
.comments .msg-footer>li:hover i {
    color: #555;
    opacity: 1
}
.addEmComment {
    width: 100%!important;
    margin-bottom: 6px;
    padding: 5px;
    font-size: 12px;
    vertical-align: middle;
    line-height: 16px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-user-select: text;
    cursor: auto;
    color: #666
}
.addEmComment:focus {
    border-color: #eaeaea;
    background-color: #fff;
    outline: 0!important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.comments ul.reply {
    margin-left: 6%
}
.comments ul.reply li.addcm {
    min-height: 52px;
    display: block
}
.comments ul.reply li.addcm form {
    display: block;
    position: relative;
    clear: right;
    margin: 0;
    vertical-align: top
}
.comments ul.reply li.addcm .avatar {
    width: 34px;
    height: 34px
}
.comments ul.reply li.addcm .message {
    margin-left: 50px;
    vertical-align: top
}
.MaxUpload_Box .info,
.header,
.logo-wrapper,
.searchWidget form {
    vertical-align: middle
}
.comments ul.reply li.addcm .addEmComment {
    min-height: 33px
}
.cctotal {
    display: block;
    padding: 0 0 20px;
    font-size: 13px;
    color: #555
}
.MaxUpload_Box {
    position: relative;
    margin: 5px 0;
    width: 100%;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-family: sans-serif;
    float: left;
    display: block
}
.MaxUpload_Box .prdone {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.MaxUpload_Box .xx {
    margin-left: -6px
}
.MaxUpload_Box .info {
    font-size: 10px;
    padding: 10px;
    min-width: 80%;
    min-height: 180px
}
.MaxUpload_Box .button {
    color: #686868!important;
    text-shadow: none!important;
    background: #f8f8f8!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(100%, #e8e8e8))!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0)!important;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    width: 100%!important;
    margin: 0!important
}
.disabled {
    display: none
}
.MaxUpload_Box .file {
    font-size: 14px;
    height: 32px;
    width: 60%;
    float: right;
    display: inline-block
}
.MaxUpload_Box .real {
    display: inline-block;
    zoom: 1;
    position: relative;
    width: 100%
}
.MaxUpload_Box .fileList {
    outline: 0;
    display: block;
    margin: 20px 0;
    width: 100%
}
.MaxUpload_Box .fileItem {
    margin: 8px 10px;
    background-color: #e4eaec;
    font-size: 12px;
    display: block;
    position: relative;
    border-radius: 5px;
    height: 12px
}
.MaxUpload_Box .fileItem span {
    display: none
}
.MaxUpload_Box .fileItem b {
    padding: 5px;
    display: inline-block
}
.MaxUpload_Box .fileItem a {
    color: #fff
}
.MaxUpload_Box .delete {
    float: right;
    color: #db6969;
    font-size: 26px;
    position: absolute;
    right: 3px;
    top: 3px;
    padding: 0!important
}
.MaxUpload_Box .upInfo h2,
.noted,
.noted i,
h2.i {
    color: #fff
}
.MaxUpload_Box .progress {
    position: absolute;
    background-color: #62a8ea;
    box-shadow: inset 0 1px 1px rgba(50, 50, 50, .35);
    height: 12px;
    border-radius: 4px
}
.MaxUpload_Box .upInfo {
    padding: 4px 5px;
    border-bottom: 1px solid #e1e1e1;
    background: #fcfcfc;
    position: relative
}
.MaxUpload_Box .filePro {
    float: left
}
.MaxUpload_Box #prImg {
    margin: 3px 3px 0;
    float: right
}
.MaxUpload_Box .totalPro {
    clear: both
}
.MaxUpload_Box .result {
    padding: 10px 0;
    text-align: center
}
.MaxUpload_Box .result b {
    font-size: 10px
}
.MaxUpload_Box .upInfo div {
    font-size: x-small;
    padding: 3px
}
.ffup {
    display: none
}
.MaxUpload_Box .Maxuploader {
    margin: 2% 4%;
    display: block;
    position: relative;
    min-height: 140px;
    min-width: 80%;
    border-radius: 2px;
    border: 1px solid #eaeef1;
    border-bottom-color: #167ac6;
    background-color: #fff
}
.MaxUpload_Box .Maxuploader span {
    display: block;
    border-top: 1px solid #eaeef1;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2px 4px
}
.Maxfilename {
    display: none!important
}
.fixed-top,
.fixed-top:after,
.noted,
.noted i,
a.logo {
    display: block
}
.noted i {
    font-size: 18px
}
.noted {
    line-height: 18px;
    position: absolute;
    right: 2px;
    top: 2px;
    padding: 8px!important;
    border-radius: 2px
}
.MaxUpload_Box .Maxuploader input[type=file] {
    display: block;
    min-height: 82px;
    position: absolute;
    top: 10px;
    left: 3%;
    width: 90%;
    background: url(../images/upit.png) no-repeat;
    cursor: pointer;
    text-indent: -9999px;
    z-index: 999
}
.header,
.logo-wrapper {
    top: 0;
    position: absolute
}
.MUbutton {
    width: 1px!important;
    height: 1px!important
}
.error-info h3 {
    font-weight: 800;
    font-size: 200px;
    color: #e6e6e6;
    margin-bottom: 0
}
.error-info h4 {
    font-weight: 800;
    font-size: 60px;
    color: #4d4d4d;
    margin-bottom: 40px
}
.flowplayer {
    background-color: #333
}
.flowplayer.is-poster,
.flowplayer.is-splash {
    cursor: pointer;
    background-position: center top;
    background-size: 100% auto
}
.fbFeedbackContent {
    width: 100%!important
}
#evplayer,
#evplayer div {
    z-index: 150!important
}
.fixed-top {
    position: fixed;
    color: #666;
    left: 0;
    right: 0;
    top: 0;
    height: 62px;
    width: 100%;
    z-index: 1039;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}
.fixed-top:after {
    content: "";
    clear: both
}
a.logo {
    float: left;
    padding-left: 2px
}
.logo>span {
    font-size: 20px;
    color: #666;
    margin: 0 auto;
    width: auto
}
.logo-wrapper {
    left: 0;
    text-align: left;
    line-height: 50px;
    padding-top: 5px;
    height: 61px;
    display: inline-block;
    width: 260px
}
.header {
    display: block;
    width: calc(100% - 234px);
    line-height: 56px;
    right: 0;
    clear: both;
    height: 60px
}
.top-link i {
    color: #666;
    font-size: 19px
}
.top-link .badge {
    margin-top: -19px;
    margin-left: -5px
}
#show-sidebar i {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 22px;
    display: block;
    padding: 5px 10px 0;
    color: #888
}
#show-sidebar,
.searchWidget {
    float: left;
    display: inline-block
}
#show-sidebar i:hover {
    -webkit-transition: color .5s;
    transition: color .5s;
    color: #458bc9
}
#show-sidebar {
    padding: 10px 10px 0 2px;
    position: relative
}
#show-sidebar span {
    position: absolute;
    right: 5px;
    top: 50%
}
a#show-sidebar {
    color: #888
}
.topimg {
    padding: 11px 10px;
    height: 22px;
    width: 22px
}
.searchWidget {
    width: 70%;
    max-width: 780px;
    position: relative;
    height: 56px;
    line-height: 56px;
    overflow: visible
}
.searchWidget form {
    margin: 5px 0 0;
    display: block;
    position: relative;
    padding: 0;
    height: 56px
}
.searchWidget .search-button {
    position: absolute;
    left: 11px;
    top: 8px;
    height: 46px;
    z-index: 10
}
.searchWidget .search-button button {
    background: 0 0;
    border: 0;
    box-shadow: none;
    outline: 0;
    z-index: 12;
    font-size: 24px;
    line-height: 30px;
    vertical-align: top;
    color: rgba(0, 0, 0, .38);
    opacity: .8
}
.searchWidget .form-control {
    background: #f5f5f5;
    padding-left: 52px;
    font-size: 16px;
    font-weight: 300;
    color: #212121;
    border: 1px solid #f5f5f5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}
.searchWidget .form-control:focus,
.searchWidget .form-control:hover {
    box-shadow: none;
    background: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: none;
    transition: none
}
#suggest-results ul {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99999
}
#suggest-results ul li {
    list-style: none;
    display: block;
    border-top: 1px solid #e4e9f0
}
#suggest-results ul li a {
    width: 100%;
    padding: 2px 10px;
    line-height: 28px;
    display: block;
    color: #6c6c6c;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500
}
#suggest-results .selected,
#suggest-results li.selected,
#suggest-results ul li a:hover {
    background: #CCD5DB
}
#show-search {
    opacity: 0;
    width: 0
}
@media (max-width: 1280px) {
    .searchWidget {
        margin-left: 45px!important;
        margin-right: 0!important
    }
}
@media (max-width: 1000px) {
    .searchWidget {
        display: none
    }
    #show-search {
        opacity: 1!important;
        width: auto
    }
    .searchWidget.hide {
        width: 0!important;
        height: 0!important
    }
}
@media (max-width: 540px) {
    .user-quick a#uplBtn,
    .user-quick a#show-search,
    .user-quick a#uploadNow {
        margin-right: 15px
    }
    a#openusr {
        margin-right: 4px;
        padding: 0!important
    }
    .logo-wrapper {
        width: 185px
    }
    .header {
        width: calc(100% - 181px)
    }
    a.logo {
        max-width: 120px;
        overflow: hidden
    }
    .user-quick {
        position: absolute;
        top: 0;
        right: 0
    }
}
a.song,
a.song>img,
div.tagsinput div,
ul.songs {
    position: relative
}
@media (max-width: 700px) {
    .modal-form a.pull-right {
        display: block;
        float: left!important;
        width: 100%;
        text-align: right
    }
}
@media screen and (min-width: 1150px) {
    .searchWidget {
        margin-left: 80px
    }
}
/* Login socials*/ 
.social-login { display:block; margin-bottom:10px; } 
.social-login i { padding: 0 8px 0; margin-top:-3px!important; float:left; font-size:18px; vertical-align:middle; } 
.social-login em { font-size:10px; display:inline-block; margin-right:4px; vertical-align:bottom; } 

.top10 {
    padding-top: 10px!important
}
.top20 {
    padding-top: 20px!important
}
.mtop10 {
    margin-top: 10px!important
}
.mtop20 {
    margin-top: 20px!important
}
.left10 {
    padding-left: 10px!important
}
.left20 {
    padding-left: 20px!important
}
.mleft10 {
    margin-left: 10px!important
}
.mleft20 {
    margin-left: 20px!important
}
.right10 {
    padding-right: 10px!important
}
.right20 {
    padding-right: 20px!important
}
.mright10 {
    margin-right: 10px!important
}
.mright20 {
    margin-right: 20px!important
}
.bottom10 {
    padding-bottom: 10px!important
}
.bottom20 {
    padding-bottom: 20px!important
}
.mbot10 {
    margin-bottom: 10px!important
}
.mbot20 {
    margin-bottom: 20px!important
}
.full {
    display: block;
    width: 100%
}
.nomargin {
    margin: 0!important
}
.validarium-error {
    color: #f96868
}
.validarium-success {
    color: #62a8ea
}
.control-group,
.control-group .controls {
    display: block;
    clear: both;
    position: relative;
    min-height: 30px
}
a.song {
    display: block;
    min-width: 60px;
    overflow: visible;
    line-height: 50px;
    margin-top: 5px
}
a.song>img {
    display: block;
    width: 60px;
    min-height: 60px;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 3px
}
ul.songs {
    display: block;
    padding: 25px;
    clear: both
}
.songs .list-group-item:last-child,
.songs:only-child>.list-group-item:last-child {
    border-bottom-color: transparent!important
}
.songs .btn {
    margin-right: 15px
}
.songs-quicks {
    padding-top: 20px
}
@media (max-width: 540px) {
    .list-group .media .media-right,
    .list-group .media .pull-right,
    .songs-quicks {
        display: block;
        padding: 0!important;
        float: left!important;
        clear: right;
        width: 100%
    }
    .songs .btn {
        margin-right: 8px;
        padding: 6px 13px;
        font-size: 12px;
        line-height: 1.5
    }
    #songlist .nav>li>a {
        padding: 10px!important
    }
}
#imagelist-content,
#songlist {
    clear: both
}
#videolist-content {
    display: block;
    clear: both;
    text-align: center;
    margin: 0 auto
}
#imagelist-content>h1.loop-heading,
#songlist>h1.loop-heading,
#videolist-content>h1.loop-heading {
    padding: 15px 15px 5px;
    text-align: left
}
#imagelist-content>.videod,
#songlist>.songd,
#videolist-content>.videod {
    display: block;
    padding-left: 15px;
    text-align: left;
    float: left;
    margin-bottom: 20px;
    width: 100%
}
p.empty-content {
    clear: both;
    padding: 15px;
    color: #62a8ea;
    background-color: #f8f8f8;
    border: 1px solid transparent;
    border-radius: 3px;
    margin: 20px;
    text-align: center
}
div.tagsinput {
    background-color: #fff;
    background-image: none;
    border: none;
    width: 100%;
    overflow-y: auto
}
div.tagsinput span.tag {
    background-color: #f3f7f9;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    display: block;
    float: left;
    padding: 0 8px;
    color: #638421;
    margin: 5px;
    line-height: 23px;
    font-size: 11px
}
div.tagsinput span.tag a {
    font-weight: 700;
    color: #82ad2b;
    font-size: 11px;
    float: right
}
div.tagsinput input {
    width: 60px;
    border: none;
    padding: 6px 2px;
    background: 0 0;
    margin: 5px 5px 5px 4px;
    font-size: 11px
}
div.tagsinput input:focus {
    outline: 0
}
div.tagsinput div {
    display: block;
    float: left
}
.tags_clear {
    clear: both;
    width: 100%;
    height: 0
}
.not_valid {
    background: #FBD8DB!important;
    color: #90111A!important
}
.tagsinput .ui-helper-hidden-accessible {
    display: none
}
.nsfw-warn a,
.nsfw-warn span,
.vprocessing div {
    display: block
}
.withtags {
    height: auto!important;
    min-height: 50px!important;
    padding-bottom: 0!important
}
.nsfw-warn,
.vprocessing {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #232323!important;
    color: #d6d6d6;
    font-family: Arial, sans-serif
}
.image-content .image-title a,
.img-sidebar h1 {
    font-family: Raleway, sans-serif!important
}
.nsfw-warn span,
.vpre {
    font-size: 38px;
    padding-top: 14%
}
.nsfw-warn a,
.vex {
    font-size: 25px;
    margin-top: 20px;
    color: #f6a30d
}
.nsfw-warn {
    z-index: 1038
}
.nsfw-warn a {
    margin-right: 30px
}
.nsfw-warn a:hover {
    color: #458bc9
}
.body-share .axaj-form-video {
    min-height: 650px
}
#SearchResults .video {
    width: 98.5%;
    padding: 10px 15px;
    margin: 0;
    overflow: hidden;
    clear: both
}
#SearchResults .video-thumb,
#SearchResults .video-thumb img {
    overflow: hidden;
    background: #f1f1f1;
    font-size: 0;
    vertical-align: middle;
    display: inline-block;
    width: 196px;
    height: 110px;
    line-height: 0;
    float: left;
    position: relative
}
#SearchResults .video-data {
    position: relative;
    float: left;
    display: inline-block;
    height: auto;
    overflow: hidden;
    padding-left: 15px;
    max-width: calc(100% - 198px)
}
#SearchResults .video h4 {
    margin: 0!important
}
#SearchSidebar .sidebar-nav {
    width: 97%
}
.playlists-meta,
.playlists-overlay {
    z-index: 99;
    line-height: 20px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    display: block;
    width: 45%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    padding-top: 30px
}
.playlists-meta span,
.playlists-overlay a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 999;
    height: 20px;
    vertical-align: middle
}
.video .playlists-overlay {
    display: none;
    right: auto;
    left: 0;
    width: 55%;
    opacity: .8
}
.video:hover .playlists-overlay {
    display: block
}
.playlist-head {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8
}
.playlist-head h1 {
    font-size: 20px
}
.playlist-head .avatar {
    position: relative;
    display: inline-block;
    width: 60px;
    white-space: nowrap;
    vertical-align: bottom
}
.minict_wrapper {
    color: #333;
    background: #fff;
    position: relative;
    min-width: 260px;
    width: 100%;
    height: 36px;
    border: 1px solid #e4eaec;
    outline: 0;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.minict_wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.minict_wrapper.disabled {
    background: #f5f5f5;
    text-shadow: 0 1px 0 #fff
}
.minict_wrapper.disabled span {
    color: #bbb!important
}
.minict_wrapper:after {
    content: "\25BC";
    display: block;
    position: absolute;
    height: 33px;
    width: 33px;
    top: 0;
    right: 0;
    font-size: 10px;
    line-height: 32px;
    text-align: center;
    color: #555
}
.minict_wrapper.active:after {
    content: "\25B2"
}
.minict_wrapper.disabled:after {
    color: #bbb
}
.minict_wrapper span {
    display: block;
    border: 0;
    outline: 0;
    background: 0 0;
    font-size: 14px;
    height: 32px;
    line-height: 23px;
    padding: 4px 53px 0 6px;
    cursor: default;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.minict_wrapper span:empty:before {
    content: attr(data-placeholder);
    color: #ccc;
    line-height: 23px
}
.minict_wrapper ul {
    display: none;
    padding: 0;
    margin: 0 -1px;
    position: absolute;
    width: 100%;
    width: -webkit-calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: calc(100% + 2px);
    border: 1px solid #e5e5e5;
    border-top: 1px solid #f9f9f9;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top: 33px;
    left: 0;
    max-height: 350px;
    overflow-y: auto;
    z-index: 999999
}
.minict_wrapper ul li {
    font-size: 14px;
    color: #76838f;
    padding: 0 10px;
    cursor: pointer;
    background: #fff;
    height: 35px;
    line-height: 32px;
    position: relative;
    display: block
}
.minict_wrapper ul li:hover {
    background: #fcfcfc;
    color: #111
}
.minict_wrapper ul li.minict_group {
    color: #444;
    background: #f6f6f6;
    font-weight: 700;
    cursor: default
}
.minict_wrapper ul li.minict_empty {
    display: none;
    background: #fff!important;
    color: #bbb;
    text-align: center;
    font-size: 14px;
    font-size: .9rem;
    height: 55px;
    height: 3.5rem;
    line-height: 50px;
    line-height: 3.3rem
}
.minict_wrapper ul li.disabled {
    cursor: default;
    background: #fff!important;
    color: #bbb
}
.minict_wrapper ul li.selected {
    color: #819a9a;
    background: #f8f9f9
}
.minict_wrapper ul li.highlighted {
    color: #fff;
    background: #819a9a
}
.minict_wrapper ul li.hidden {
    display: none
}
.minict_wrapper .minict_reset {
    color: #A9A9A9;
    bottom: 0;
    display: none;
    font-size: 18px;
    font-size: 1.1rem;
    line-height: 30px;
    line-height: 1.9rem;
    position: absolute;
    right: 35px;
    right: 2.2rem;
    text-align: center;
    top: 0;
    text-decoration: none;
    width: 20px;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}
.timelist>li,
.user-timeline,
.widget {
    position: relative
}
.minict_wrapper .minict_reset:hover {
    color: #e0e0e0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.minict_wrapper .minict_reset:active {
    color: #636363
}
.minict_wrapper.disabled .minict_reset {
    display: none
}
.minict_wrapper ul li.ops {
    padding-left: 25px;
    font-size: 13px
}
.minict_wrapper ul li.opz {
    padding-left: 35px;
    font-size: 12px
}
.widget {
    border-radius: 3px;
    margin-bottom: 30px;
    background-color: #fff
}
.widget-shadow {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1)
}
.p-profile .widget-header {
    padding: 40px 15px;
    background-color: #fff
}
.widget .widget-header {
    border-radius: 3px 3px 0 0
}
.p-profile .profile-image {
    width: 100%;
    max-width: 180px;
    margin-bottom: 10px;
    border-radius: 4px;
    z-index: 99
}
.p-profile .profile-user {
    margin-bottom: 10px;
    color: #212121
}
.p-profile .profile-location {
    margin-bottom: 20px;
    color: #9e9e9e
}
.p-profile .fa.standardico {
    margin-right: 10px;
    color: rgba(66, 66, 66, .4)
}
.p-profile .profile-social {
    margin: 25px 0 10px
}
.p-profile .profile-social a {
    padding: 5px
}
.p-profile .profile-social .fa {
    margin: 0 10px;
    color: rgba(66, 66, 66, .4);
    font-size: 18px!important
}
.p-profile .profile-social .fa-facebook {
    color: #3b5998
}
.p-profile .profile-social .fa-twitter {
    color: #55acee
}
.p-profile .profile-social .fa-instagram {
    color: #3f729b
}
.p-profile .profile-social .fa-google-plus {
    color: #dd4b39
}
.p-profile .widget-footer {
    padding: 10px;
    background-color: #f6f9fd;
    position: relative;
    display: block
}
.widget p {
    word-break: break-all
}
.widget .widget-footer {
    border-radius: 0 0 3px 3px
}
.p-profile .profile-stat-count {
    display: block;
    margin-bottom: 3px;
    font-size: 20px;
    font-weight: 100;
    color: #616161
}
.p-profile .profile-stat-count+span {
    color: #9e9e9e
}
@media (min-width: 980px) {
    #profile-content {
        padding-left: 30px
    }
}
.red-nav {
    width: 100%;
    margin: 0 0 30px;
    text-align: center
}
.red-nav ul {
    background: #d51645;
    border-radius: 3px;
    padding: 12px
}
.red-nav li {
    height: 32px;
    display: inline-block;
    border-right: 1px solid rgba(0, 0, 0, .1);
    padding: 4px 18px
}
.red-nav li:first-of-type {
    border-left: none
}
.red-nav li:last-of-type {
    border-right: none
}
.red-nav a {
    display: block;
    border-bottom: 1px solid transparent;
    padding: 0 4px;
    font-size: 16px;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle
}
.red-nav li:not(.active):hover a {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    color: rgba(255, 255, 255, .9)
}
.red-nav .active a {
    color: #fff
}
@media (min-width: 1080px) {
    .red-nav .active:after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        position: relative;
        margin: 12px auto;
        border: 10px solid transparent;
        border-top: 8px solid #d51645
    }
    .halfVideo {
        height: 143px;
        width: calc(50% - 15px)!important;
        clear: none!important;
        float: left;
        margin: 0!important
    }
}
.vTrends {
    border-bottom: 1px solid #e4eaec
}
@media (max-width: 1080px) {
    .red-nav li {
        padding: 4px 8px
    }
    .halfVideo {
        margin: 0!important
    }
}
.moreP {
    clear: both;
    margin: 15px 0 10px;
    font-weight: 700
}
.moreP:before {
    content: '';
    clear: both;
    display: block
}
#profile-content ul.songs {
    padding-bottom: 0!important;
    margin-bottom: 0!important
}
.user-small-list img {
    margin-right: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eee;
    width: 23px;
    height: 23px
}
h4.user-heads {
    font-size: 14px
}
.timelist {
    margin: 0;
    padding: 0
}
.bg-default {
    background-color: #5c90d2
}
.bg-smooth {
    background-color: #ff6c9d
}
.bg-info {
    background-color: #70b9eb
}
.bg-success {
    background-color: #46c37b
}
.bg-flat {
    background-color: #44b4a6
}
.user-timeline {
    padding-top: 10px
}
.user-timeline>li {
    margin-bottom: 10px
}
.timeline-media,
.timeline-media .innerT,
.user-timeline .content-filled {
    background-color: #f9f9f9;
    padding: 15px
}
.timeline-media {
    margin: 5px;
    padding: 0
}
.timeline-media img {
    max-height: 140px
}
.user-timeline .user-timeline-time {
    margin: 0 -20px;
    padding: 10px 20px 10px 40px;
    min-height: 40px;
    text-align: right;
    color: #999;
    font-size: 13px;
    font-style: italic;
    background-color: #f9f9f9;
    border-radius: 2px
}
.user-timeline .user-timeline-icon {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 50%
}
.user-timeline .user-timeline-content {
    padding: 10px 10px 1px
}
.user-timeline .user-timeline-content>p:first-child {
    margin-bottom: 0
}
@media screen and (min-width: 768px) {
    .user-timeline {
        padding-top: 20px
    }
    .user-timeline:before {
        position: absolute;
        top: 0;
        left: 120px;
        bottom: 0;
        display: block;
        width: 4px;
        content: "";
        background-color: #f9f9f9
    }
    .user-timeline>li {
        min-height: 40px
    }
    .user-timeline>li:last-child {
        margin-bottom: 0
    }
    .user-timeline .user-timeline-time {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding-right: 0;
        padding-left: 0;
        width: 90px;
        background-color: transparent
    }
    .user-timeline .user-timeline-icon {
        top: 3px;
        left: 105px;
        width: 34px;
        height: 34px;
        line-height: 34px;
        z-index: 99!important
    }
    .user-timeline .user-timeline-content {
        padding-left: 160px
    }
}
.users-list .avatar {
    position: relative;
    display: inline-block;
    width: 40px;
    white-space: nowrap;
    vertical-align: bottom;
    border-radius: 1000px
}
.users-list .avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0;
    border-radius: 1000px
}
.gluid {
    text-align: center
}
.image-content {
    text-align: left;
    position: relative
}
.image-content a.clip-link {
    display: block
}
.image-item {
    border: 1px solid #e8e8e8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}
.owl-item .image-item {
    margin-left: 10px
}
.owl-item .image-item img {
    height: 260px
}
.owl-item .image-content .image-title a {
    font-size: 15px!important
}
.image-item header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px 49px 10px 10px
}
.image-item .owner-avatar img {
    width: 100%;
    max-width: 35px;
    height: auto;
    border: 0;
    border-radius: 1000px
}
.image-item .owner-name {
    padding-left: 10px;
    color: #fff
}
.image-item .image-title,
.image-item header,
.image-item.sharer {
    display: none
}
.image-item:hover .image-title,
.image-item:hover .sharer,
.image-item:hover header {
    display: block;
    z-index: 99
}
.image-item .sharer {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    max-width: 47px
}
.image-item .sharer a {
    padding: 5px 12px;
    font-size: 24px;
    display: block;
    width: 100%;
    text-align: center
}
.image-content .image-title {
    position: absolute;
    bottom: 10%;
    left: 2%
}
.image-content .image-title a {
    color: #fff;
    font-weight: 300!important;
    font-size: 16px;
    padding: 5px;
    background-color: rgba(0, 0, 0, .6)
}
.page-aside {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    overflow-y: hidden;
    background: #fff;
    border-right: 1px solid #e4eaec;
    -webkit-transition: visibility .1s ease, top .3s ease, left .5s ease;
    -o-transition: visibility .1s ease, top .3s ease, left .5s ease;
    transition: visibility .1s ease, top .3s ease, left .5s ease
}
@media (max-width: 767px) {
    .page-aside {
        position: fixed;
        top: 66px;
        left: -260px;
        z-index: 1100;
        width: 260px;
        height: -webkit-calc(100% - 66px);
        height: calc(100% - 66px);
        overflow-y: visible;
        visibility: visible;
        border-color: transparent
    }
}
@media (max-width: 1199px) {
    .page-aside {
        width: 220px
    }
    .page-aside+.page-main {
        margin-left: 220px
    }
}
@media (max-width: 767px) {
    .page-aside {
        left: -217px
    }
    .page-aside .page-aside-inner {
        height: 100%;
        background-color: #fff;
        border-right: 1px solid #e4eaec
    }
    .page-aside.open {
        left: 0
    }
    .page-aside+.page-main {
        margin-left: 0!important
    }
}
.page-aside-switch {
    position: absolute;
    top: -webkit-calc(50% - 25px);
    top: calc(50% - 25px);
    left: -webkit-calc(100% - 1px);
    left: calc(100% - 1px);
    display: none;
    padding: 15px 8px 15px 4px;
    line-height: 1;
    cursor: pointer;
    background-color: #fff;
    border-radius: 0 100px 100px 0;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
    box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
    z-index: 99
}
@media (max-width: 767px) {
    .page-aside-switch {
        display: block
    }
}
.page-aside-switch .fa {
    font-size: 15px
}
.page-aside-switch .fa-chevron-left {
    display: none
}
.page-aside-switch .fa-chevron-right,
.page-aside.open .page-aside-switch .fa-chevron-left {
    display: inline
}
.page-aside.open .page-aside-switch .fa-chevron-right {
    display: none
}
.chat-avatar .avatar,
.page-aside .avatar {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    white-space: nowrap
}
.page-aside .avatar {
    width: 40px;
    border-radius: 1000px
}
.page-aside .avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0;
    border-radius: 1000px
}
.chat-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff
}
.chat-avatar {
    position: relative;
    float: right
}
.chat-content p {
    margin: 0!important
}
.chat-avatar .avatar {
    border-radius: 1000px
}
.chat-avatar .avatar img {
    max-width: 100%;
    height: 35px;
    width: 35px;
    border: 0;
    border-radius: 1000px;
    vertical-align: middle
}
.chat-avatar .chat-seen {
    display: block;
    position: absolute;
    left: -4px;
    bottom: 2px;
    background: #62a8ea;
    color: #fff;
    font-size: 9px;
    padding: 2px;
    border-radius: 50%
}
.chats {
    padding: 30px 15px
}
.chat .tooltip-inner {
    max-width: none;
    white-space: nowrap
}
.chat-avatar .avatar {
    width: 40px
}
.chat-body {
    display: block;
    margin: 10px 30px 0 0;
    overflow: hidden
}
.chat-body:first-child {
    margin-top: 0
}
.chat-content {
    position: relative;
    display: block;
    float: right;
    padding: 8px 15px;
    margin: 0 20px 10px 0;
    clear: both;
    color: #fff;
    background-color: #62a8ea;
    border-radius: 4px
}
.chat-content:before {
    position: absolute;
    top: 10px;
    right: -9px;
    width: 0;
    height: 0;
    content: '';
    border: 5px solid transparent;
    border-left-color: #62a8ea
}
.app-message .page-aside-inner,
.page-main {
    height: 100%
}
.chat-content+.chat-content:before,
.chat-left .chat-content+.chat-content:before {
    border-color: transparent
}
.chat-content>p:last-child {
    margin-bottom: 0
}
.chat-time {
    display: block;
    margin-top: 8px;
    color: rgba(255, 255, 255, .6)
}
.chat-left .chat-avatar {
    float: left
}
.chat-left .chat-body {
    margin-right: 0;
    margin-left: 30px
}
.chat-left .chat-content {
    float: left;
    margin: 0 0 10px 20px;
    color: #76838f;
    background-color: #dfe9ef
}
.chat-left .chat-content.errored {
    opacity: .4;
    color: #fff;
    background-color: #f96868
}
.app-message-list .list-group .list-group-item .media-time,
.chat-left .chat-time {
    color: #a3afb7
}
.chat-left .chat-content:before {
    right: auto;
    left: -9px;
    border-right-color: #dfe9ef;
    border-left-color: transparent
}
.steps {
    margin-bottom: 22px
}
.page-main {
    min-height: 600px
}
.page-aside+.page-main {
    margin-left: 260px
}
.app-message-list {
    height: -webkit-calc(100% - 56px);
    height: calc(100% - 56px)
}
.app-message-list .list-group .list-group-item {
    z-index: 0;
    padding: 16px 20px;
    white-space: nowrap;
    border-bottom: 0;
    border-radius: 0
}
.app-message-list .list-group .list-group-item.active,
.app-message-list .list-group .list-group-item:hover {
    background-color: #e8f1f8
}
.app-message-list .list-group .list-group-item.active:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    content: ' ';
    background: #62a8ea
}
.app-message-chats {
    height: -webkit-calc(100% - 96px);
    height: calc(100% - 96px);
    min-height: 504px;
    padding: 20px 30px;
    overflow-y: scroll;
    text-align: center;
    background-color: #fff
}
.app-message-chats>.btn {
    color: #89bceb
}
.app-message-chats>.btn:hover {
    color: #76838f
}
.app-message-chats .chats {
    padding: 0
}
.app-message-chats .chats .chat-avatar .avatar {
    width: 40px;
    margin-top: 0
}
.app-message-chats .chats .time {
    margin: 40px 0;
    font-size: 12px;
    color: #a3afb7;
    text-align: center
}
.app-message-input {
    position: relative;
    padding: 30px 110px 30px 30px;
    background-color: #f3f7f9
}
.p-conversation {
    height: -webkit-calc(100% - 68px);
    height: calc(100% - 68px)
}
@media (max-height: 799px) {
    .app-message-input {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99
    }
    .app-message-chats .chats {
        padding-bottom: 50px
    }
}
.app-message-input .message-input {
    position: relative
}
.app-message-input .message-input textarea {
    height: 36px;
    max-height: 100px;
    padding-right: 110px;
    resize: none
}
.app-message-input .message-input-actions {
    position: absolute;
    right: 0;
    bottom: 0
}
.app-message-input .message-input-btn {
    position: absolute;
    right: 30px;
    bottom: 30px
}
#showEmoji i {
    font-size: 20px
}
#showEmoji {
    padding-bottom: 7px
}
.emoji-holder {
    position: absolute;
    bottom: 120px;
    right: 20px;
    min-width: 80%px;
    max-width: 83%;
    background-color: #f3f7f9;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    z-index: 99;
    border-radius: 4px;
    padding: 4px
}
.blog-post,
.img-owner,
.img-sidebar h1,
.sharing-icons,
h5.collin,
ul.list-group {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .07)
}
.emoji-holder img {
    display: inline-block;
    float: left;
    margin: 6px;
    cursor: pointer
}
@media (max-width: 1199px) {
    .app-message .page-aside .list-group-item {
        padding: 14px 16px;
        font-size: 12px
    }
    .app-message .page-aside .list-group-item h4 {
        font-size: 12px
    }
    .app-message .page-aside .list-group-item .avatar {
        width: 34px
    }
    .app-message .page-aside .list-group-item .badge {
        padding: 1px 4px
    }
}
@media (max-width: 480px) {
    .app-message .page {
        height: -webkit-calc(100% - 66px);
        height: calc(100% - 66px)
    }
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
.backtotop {
    display: block;
    position: fixed;
    width: 70px;
    height: 70px;
    right: -35px;
    bottom: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    z-index: 100;
    transform: rotate(45deg)!important;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.backtotop i {
    display: block!important;
    color: #666;
    text-decoration: none !important;
    padding: 0;
    position: relative;
    font-size: 28px;
    transform: rotate(-45deg)!important
}
.backtotop.hidden {
    bottom: -140px
}
.cats-fixed-right {
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    display: block;
    width: 260px;
    z-index: 99;
}
.cats {
    padding: 0;
    border: 1px solid #f2f2f2;
    background: #f9f9f9;
    list-style: none;
}
.cats-pull {
    position: absolute;
    top: -webkit-calc(50% - 25px);
    top: calc(50% - 25px);
    left: -28px;
    display: block;
    padding: 15px 8px;
    line-height: 1;
    cursor: pointer;
    background-color: #f9f9f9;
    border-radius: 100px 0 0 100px;
    z-index: 89;
    border: 1px solid #f2f2f2;
}
.cats-pull {
    vertical-align: middle
}
.cats img {
    display: block;
    float: left;
    margin-left: 0px;
    margin-right: 9px;
    max-width: 26px;
    border-radius: 3px;
}
.cats a {
    display: inline-block;
    float: left;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    color: #767676;
}
.cats li {
    display: block;
    list-style: none;
    float: left;
    padding: 10px 0 10px 8px;
    line-height: normal;
    color: #8e9299;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    width: 100%;
}
.cats.cats-visible li {
    padding-left: 15px;
}
.cats li:first-child {
    margin-top: 7px
}
.cats li:last-child {
    margin-bottom: 7px
}
.cats li:hover {
    background: #f2f2f2;
}
.cats ul ul {
    display: none;
    padding-top: 10px
}
.cats.cats-visible ul ul {
    display: block;
    clear: both;
}
.cats.cats-visible ul ul li {
    padding: 7px 0 7px 25px
}
.cats.cats-visible ul ul li:last-child {
    border-bottom: none
}
.black-slider {
    display: block;
    background: #f1f1f1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-sizing: border-box;
    position: relative;
    text-align: center;
    color: #999;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border: 1px solid #f2f2f2;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    margin: 20px 0px;
    padding-top: 5px;
}
.black-slider .subitem {
    display: inline-block;
    padding: 10px;
    text-align: center
}
.black-slider .subitem img {
    display: block;
    border-radius: 4px;
    margin-bottom: 10px;
    /*height: 110px*/
}
.sLoad {
    text-align: center;
    display: block;
    padding: 5% 10%;
}
#footer {
    margin-top: 50px
}
.footer-holder {
    padding: 14px 0 0;
    background: #fff
}
.ie7 ul.socialfooter li a,
.ie8 ul.socialfooter li a,
ul.socialfooter li a {
    background-image: url(../images/socialfooter.png)
}
.footer-logo {
    text-align: center;
    padding-top: 13px
}
.row-links,
.row-rights {
    padding: 8px 0 5px
}
.row-links .btn {
    margin-right: 15px
}
.row-rights,
.row-socials {
    padding-left: 15px
}
ul.socialfooter {
    margin: 0 0 0 20px;
    padding: 0;
    width: auto;
    height: 32px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative
}
ul.socialfooter li {
    float: none;
    border: none;
    display: inline-block
}
ul.socialfooter li a {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: auto 96px;
    border: 0;
    height: 32px;
    text-align: left;
    text-decoration: none;
    transition: all .2s ease 0;
    width: 32px;
    position: relative;
    display: flex
}
ul.socialfooter li.facebook a {
    background-position: 0 0
}
ul.socialfooter li.instagram a {
    background-position: -32px 0
}
ul.socialfooter li.dribbble a {
    background-position: -64px 0
}
ul.socialfooter li.googleplus a {
    background-position: -96px 0
}
ul.socialfooter li.linkedin a {
    background-position: -128px 0
}
ul.socialfooter li.pinterest a {
    background-position: -160px 0
}
ul.socialfooter li.rss a {
    background-position: -192px 0
}
ul.socialfooter li.skype a {
    background-position: -224px 0
}
ul.socialfooter li.twitter a {
    background-position: -256px 0
}
ul.socialfooter li.vimeo a {
    background-position: -288px 0
}
ul.socialfooter li.youtube a {
    background-position: -320px 0
}
ul.socialfooter li.facebook a:hover {
    background-position: 0 -32px
}
ul.socialfooter li.instagram a:hover {
    background-position: -32px -32px
}
ul.socialfooter li.dribbble a:hover {
    background-position: -64px -32px
}
ul.socialfooter li.googleplus a:hover {
    background-position: -96px -32px
}
ul.socialfooter li.linkedin a:hover {
    background-position: -128px -32px
}
ul.socialfooter li.pinterest a:hover {
    background-position: -160px -32px
}
ul.socialfooter li.rss a:hover {
    background-position: -192px -32px
}
ul.socialfooter li.skype a:hover {
    background-position: -224px -32px
}
ul.socialfooter li.twitter a:hover {
    background-position: -256px -32px
}
ul.socialfooter li.vimeo a:hover {
    background-position: -288px -32px
}
ul.socialfooter li.youtube a:hover {
    background-position: -320px -32px
}
@media (max-width: 610px) {
    ul.socialfooter {
        display: block;
        margin: 10px 0!important
    }
    .row-links .btn {
        margin-right: 6px;
        padding: 6px
    }
    .row-links,
    .row-rights,
    .row-socials {
        padding-left: 0;
        text-align: center;
        clear: both
    }
    .row-socials {
        margin-top: 15px
    }
    .share-body li a {
        font-size: 18px;
        margin-right: 12px
    }
    .share-body li.fbxs {
        display: block;
        clear: both;
        width: 100%;
        padding: 10px;
        text-align: center
    }
    .share-body {
        margin-bottom: 30px;
        clear: both;
        text-align: center
    }
}
.mIdent {
    padding: 0 13px 10px!important
}
.iholder {
    display: block;
    position: relative;
    opacity: .9;
    overflow: hidden;
    width: 100%;
    min-height: 120px
}
.iholder i {
    position: absolute;
    z-index: 1;
    right: -2px;
    top: -10px;
    font-size: 10em;
    color: #fff;
    -moz-opacity: .2;
    -khtml-opacity: .2;
    opacity: .2;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transition: opacity .3s linear, transform .3s ease-out;
    -moz-transition: opacity .3s linear, transform .3s ease-out;
    -o-transition: opacity .3s linear, transform .3s ease-out;
    transition: opacity .3s linear, transform .3s ease-out
}
.iholder:hover i {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg)
}
.image-holder {
    border-right: 1px solid #e8e8e8
}
.image-holder .vprocessing {
    min-height: 450px
}
.the-image {
    width: 100%;
    min-height: 250px;
    display: block;
    position: relative
}
.img-owner .btn-group {
    float: right
}
.img-owner .owner-name {
    font-weight: 500;
    margin-left: 20px
}
.img-owner .owner-avatar img {
    width: 35px;
    height: 35px
}
.colist .avatar {
    display: block;
    width: 45px;
    height: 35px
}
h5.collin,
ul.list-group {
    padding: 5px 0 10px;
    display: block
}
.the-image img {
    width: 100%;
    margin-right: -1px
}
.the-image .img-helpers {
    position: absolute;
    right: 20px;
    top: 20px
}
.img-sidebar h1 {
    font-weight: 300!important;
    font-size: 26px;
    margin: 0 0 5px;
    padding: 0 0 10px
}
.img-sidebar .share-body li a {
    margin-right: 6px
}
.img-sidebar .share-body {
    padding-bottom: 16px
}
@media (max-width: 800px) {
    .img-sidebar .share-body {
        padding-bottom: 42px
    }
}
.img-sidebar .list-inline>li {
    padding-left: 0!important
}
.img-sidebar .share-body li.fbxs {
    padding-top: 10px
}
.blog-holder {
    border-right: 1px solid #e8e8e8;
    padding: 10px 25px 25px
}
.blog-image {
    background-color: #f5f7f9;
    padding: 10px 0
}
.blog-post {
    padding-bottom: 15px
}
.blog-text {
    padding: 10px 0
}
.p-manager #DashSidebar .nav-tabs-vertical .nav-tabs {
    width: 100%;
    min-height: 99%;
    height: 100%;
    padding-bottom: 300%
}
.nav-tabs-vertical .nav-tabs li a i {
    color: #d51645;
    padding-right: 10px
}
.nav-tabs-vertical .nav-tabs-line li a:hover {
    border-right: 3px solid #458bc9;
    border-right-color: #458bc9!important;
    border-radius: 0!important;
    background-color: #62a8ea;
    color: #fff
}
.nav-tabs-vertical .nav-tabs-line li a.active .fa,
.nav-tabs-vertical .nav-tabs-line li a:hover .fa,
a.active:hover .fa {
    color: #fff
}
.nav-tabs-vertical .nav-tabs-line li a.active,
.nav-tabs-vertical .nav-tabs-line li a.active:hover {
    background-color: #458bc9;
    width: 100%;
    margin-right: 0;
    color: #fff;
    border-right: 0!important;
    border-radius: 0!important
}
.my-buzz a,
.my-inbox a {
    padding-right: 3px;
    display: block;
    overflow: hidden;
    position: relative
}
.my-buzz span,
.my-inbox span {
    position: absolute;
    right: 0;
    top: 9px
}
.yan-menu {
    display: block;
    height: 25px;
    padding-left: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.bosluk {
    padding-right: 10px
}
.oniki {
    font-size: 12px
}
.btn-yukle {
    border-color: #458bc9!important;
    background-color: #fff!important;
    color: #458bc9!important
}
.btn-yukle:hover {
    color: #fff!important;
    background-color: #458bc9!important
}
.sol-10 {
    padding-left: 10px
}
.genel-baslik {
    text-align: center;
    border: 5px solid #d51645;
    background-color: #d51645;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    color: #fff
}
@media only screen and (max-width: 800px) {
    .genel-baslik {
        text-align: center;
        border: 10px solid #d51645;
        background-color: #d51645;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
        color: #fff;
        font-size: 23px
    }
    .yoksay {
        position: absolute!important;
        right: 0;
        margin-top: -4px
    }
    .loading {
        font-size: 20px!important
    }
    .nsfw-warn span {
        font-size: 13px;
        margin-top: -15px
    }
    .nsfw-warn a {
        font-size: 11px;
        margin-right: 0
    }
    .nsfw-warn i {
        font-size: 25px!important;
        margin-bottom: 15px!important
    }
    .p-manager #DashSidebar .nav-tabs-vertical .nav-tabs {
        width: 100%;
        min-height: 99%;
        height: 100%;
        padding-bottom: 5%
    }
}
.nsfw-warn i {
    font-size: 100px
}
.alt-baslik {
    padding-left: 0!important;
    margin-top: -10px;
    text-align: center!important;
    border: 2px solid #f4f4f4;
    background-color: #f4f4f4;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .1);
    color: #000
}
.btn-sirala,
.btn-sirala i {
    border-color: #fff!important;
    background-color: none!important;
    color: #fff!important
}
.btn-sirala:hover {
    background-color: #fff!important
}
.btn-sirala:hover i {
    color: #d51645!important
}
.btn-sirala ul>li>a>i,
.btn-sirala:hover ul>li>a>i {
    color: #000!important
}
.sola-kaydir {
    margin-left: -20px!important
}
.yoksay {
    position: absolute!important;
    right: 0
}
.bosluk-haber {
    margin-top: 22px!important;
    margin-bottom: 11px!important
}
.kullanici.media {
    margin: 20px 0;
    padding: 30px
}
.kullanici.dp {
    border: 10px solid #eee;
    transition: all .2s ease-in-out
}
.kullanici.dp:hover {
    border: 2px solid #eee;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
}
.kullanici span {
    margin: 5px
}
.kullanici.label-konum {
    background-color: #d51645
}
.kullanici.label-aktivite {
    background-color: #458bc9
}
.blogreklam {
    margin-right: 20px
}
.muzikreklam,
.videoreklam {
    margin: -20px 0 20px
}
.onerireklam {
    padding-top: 5px
}
.yorumreklam hr {
    margin-top: 15px
}
.tumunugoruntule {
    font-size: 12px;
    color: #767676;
    margin-right: 10px
}
.vid-aciklama {
    color: #333;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1
}
.vid-eklenme-tarihi {
    color: #333
}
.onoffswitch {
    position: relative;
    width: 45px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 18px;
    padding: 0;
    line-height: 18px;
    border: 2px solid #E3E3E3;
    border-radius: 18px;
    background-color: #BDC3C7;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block;
    width: 18px;
    margin: 0px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    border: 2px solid #E3E3E3;
    border-radius: 18px;
    transition: all 0.3s ease-in 0s;
    height: 18px;
}
.onoffswitch-inner:before {
    content: "✓";
    padding-left: 10px;
    background-color: #49E845;
    color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "X";
    padding-right: 10px;
    background-color: #FFFFFF;
    color: #666666;
    text-align: right;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #d51645;
}
.onoffswitch-checkbox:checked + .onoffswitch-label,
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    border-color: #d51645;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
}
/*Switches end*/

body {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
}
.tigger-buttons-block {
    margin-top: 10px;
}
.trigger-wrap {
    background: transparent;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    /*cursor: pointer;*/
}
.bootstrap-switch {
    width: 60px;
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    padding-top: 0;
    padding-bottom: 0;
}
.bootstrap-switch>div {
    width: 120px;
}
.bootstrap-switch>div>span {
    width: 60px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 18px;
}
.bootstrap-switch-primary {
    background: #d51645 !important;
    color: white;
}
.bootstrap-switch-primary~.bootstrap-switch-handle-off:before {
    background: white;
    border-color: #d51645 !important;
    width: 18px;
    height: 18px;
    left: 42px;
}
.bootstrap-switch-off .bootstrap-switch-handle-on~.bootstrap-switch-handle-off.bootstrap-switch-default:before {
    margin-left: 10px;
    border-color: #bdc3c7;
}
.trigger-wrap .text-side {
    font-size: 15px;
    text-align: left;
    padding-right: 10px;
    margin-left: 4px;
    width: 85%;
    color: #333;
    cursor: auto;
}
.trigger-wrap .trig-button > div {
    float: left;
}
.trigger-wrap .trigger-side {
    width: 25%;
}
.trigger-wrap .trigger {
    overflow: hidden;
    border-radius: 12px;
    background: red;
    padding: 1px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.trigger-wrap .trigger-item {
    border-radius: 50%;
    background: white;
    position: absolute;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
@media screen and (min-width: 991px) {
    .hidden-large {
        display: none;
    }
}
.video-next-block {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    z-index: 10;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video-next-block .next-button {
    content: '\E610';
    margin: 0 auto;
    width: 88px;
    height: 88px;
    line-height: 88px;
    font-size: 1.7em;
    text-align: center;
    color: #212121;
    border-radius: 50%;
    background-color: rgba(33, 33, 33, .8);
    background-image: url(restart-play-button.png);
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: 61% 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.video-next-block .next-text {
    display: inline-block;
}
.video-next-block .next-text,
.video-next-block .next-name {
    margin-top: 10px;
    background-color: rgba(33, 33, 33, .8);
    padding: 5px 10px;
    font-size: 1.3em;
    color: white;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.video-setup:hover .video-next-block .next-button {
    background: #212121;
    color: rgb(213, 22, 69);
}
.video-next-block .next-button:hover {
    background-color: #212121;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.video-next-block .next-text:hover {
    background-color: rgba(115, 115, 115, 0.9);
}
/*
.tip-button
{
	width: 25px;
	height: 25px;
	float: right;
	border-radius: 50%;
	background: url(tip-icon.png);
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
	border: 1px solid grey;
	cursor: pointer;
	position: relative;
}*/

.tip-button {
    float: right;
    color: #767676;
    position: relative;
    padding-left: 5px;
    margin-top: -2px;
    cursor: help;
}
.tip-button:before {
    font-family: FontAwesome;
    content: "\f05a";
    position: absolute;
    left: -5px;
    top: 0;
}
.tip-text {
    position: absolute;
    display: block;
    background: white;
    -webkit-box-shadow: 0px 0px 63px -8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 63px -8px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 63px -8px rgba(0, 0, 0, 0.75);
    top: 100%;
    z-index: 1000;
    right: 100%;
    width: 150px;
    transform-origin: top right;
    font-size: 13px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.tip-button:hover .tip-text {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.player-minimize .video-player {
    cursor: move;
}
@media screen and (max-width: 650px) {
    .video-next-block {
        -webkit-transform: translate(-50%, -50%) scale(.8);
        -ms-transform: translate(-50%, -50%) scale(.8);
        -o-transform: translate(-50%, -50%) scale(.8);
        transform: translate(-50%, -50%) scale(.8);
    }
    .video-next-block .next-name {
        font-size: 1em;
        min-width: 250px;
    }
}
/* Profile */

.widget {
    border-radius: 3px
}
.widget-shadow {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}
.widget {
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
}
.p-profile .widget-header {
    padding: 40px 15px;
    background-color: #fff;
}
.widget .widget-header {
    border-radius: 3px 3px 0 0;
}
.p-profile .profile-image {
    width: 100%;
    max-width: 180px;
    margin-bottom: 10px;
    background-color: #fff !important;
    position: relative;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.p-profile .profile-user {
    margin-bottom: 10px;
    color: #212121;
}
.p-profile .profile-location {
    margin-bottom: 20px;
    color: #9e9e9e;
}
.p-profile .fa.standardico {
    margin-right: 10px;
    color: rgba(66, 66, 66, .4);
}
.p-profile .profile-social .fa {
    margin: 0 15px;
    color: rgba(66, 66, 66, .4);
    font-size: 22px !important;
}
.p-profile .profile-social .fa-facebook {
    color: #fff;
}
.p-profile .profile-social .fa-twitter {
    color: #fff;
}
.p-profile .profile-social .fa-instagram {
    color: #fff;
}
.p-profile .profile-social .fa-google-plus {
    color: #fff;
}
.p-profile .profile-social .fa-facebook:hover {
    color: #3b5998;
}
.p-profile .profile-social .fa-twitter:hover {
    color: #00aced;
}
.p-profile .profile-social .fa-instagram:hover {
    color: #bc2a8d;
}
.p-profile .profile-social .fa-google-plus:hover {
    color: #dd4b39;
}
.p-profile .widget-footer {
    padding: 10px;
    background-color: #f6f9fd;
    position: relative;
    display: block;
}
.widget p {
    word-break: break-all;
}
.widget .widget-footer {
    border-radius: 0 0 3px 3px;
}
.p-profile .profile-stat-count {
    display: block;
    margin-bottom: 3px;
    font-size: 20px;
    font-weight: 100;
    color: #fff;
}
.p-profile .profile-stat-count + span {
    color: #9e9e9e;
}
@media (min-width: 980px) {
    #profile-content {
        padding-left: 30px
    }
}
.red-nav {
    width: 100%;
    margin: -2px 0 30px;
    text-align: center;
}
.red-nav ul {
    background: #d51645;
    border-radius: 3px;
    padding: 12px;
    list-style: none;
}
.red-nav li {
    height: 32px;
    display: inline-block;
    border-right: 1px solid rgba(0, 0, 0, .1);
    padding: 4px 18px;
}
.red-nav li:first-of-type {
    border-left: none;
}
.red-nav li:last-of-type {
    border-right: none;
}
.red-nav a {
    display: block;
    border-bottom: 1px solid transparent;
    padding: 0 4px;
    font-size: 17px;
    text-decoration: none;
    color: rgba(255, 255, 255, .7);
    vertical-align: middle;
}
.red-nav li:not(.active):hover a {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    color: rgba(255, 255, 255, .9);
}
.red-nav .active a {
    color: #fff;
}
@media (min-width: 1080px) {
    .red-nav .active:after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        position: relative;
        margin: 12px auto;
        border: 10px solid transparent;
        border-top: 8px solid #d51645;
    }
}
@media (max-width: 1080px) {
    .red-nav li {
        padding: 4px 8px
    }
}
.profile-ismi h1 > .btn-group {
    float: right
}
.vTrends {
    border-bottom: 1px solid #e4eaec
}
@media (min-width: 1080px) {
    .halfVideo {
        height: 143px;
        width: calc(50% - 15px)!important;
        clear: none!important;
        float: left;
        margin: 0!important;
        margin-right: 0!important
    }
}
@media (max-width: 1080px) {
    .halfVideo {
        margin: 0!important;
        margin-right: 0!important
    }
}
.moreP {
    clear: both;
    margin: 15px 0 10px;
    font-weight: bold
}
.moreP:before {
    content: '';
    clear: both;
    display: block
}
#profile-content ul.songs {
    padding-bottom: 0!important;
    margin-bottom: 0!important
}
.user-small-list img {
    margin-right: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eee;
    width: 23px;
    height: 23px;
}
h4.user-heads {
    font-size: 14px;
    text-transform: uppercase;
}
/* Activity timeline */

.timelist {
    margin: 0;
    padding: 0;
    list-style: none;
}
.timelist > li {
    position: relative;
}
.bg-default {
    background-color: #5c90d2;
}
.bg-smooth {
    background-color: #ff6c9d;
}
.bg-info {
    background-color: #70b9eb;
}
.bg-success {
    background-color: #46c37b;
}
.bg-flat {
    background-color: #44b4a6;
}
.user-timeline {
    position: relative;
    padding-top: 10px;
}
.user-timeline > li {
    margin-bottom: 10px;
}
.user-timeline .content-filled,
.timeline-media,
.timeline-media .innerT {
    background-color: #f9f9f9;
    padding: 15px;
}
.timeline-media {
    margin: 5px;
    padding: 0;
}
.timeline-media img {
    max-height: 140px;
}
.user-timeline .user-timeline-time {
    margin: 0 -20px;
    padding: 10px 20px 10px 40px;
    min-height: 40px;
    text-align: right;
    color: #999;
    font-size: 13px;
    font-style: italic;
    background-color: #f9f9f9;
    border-radius: 2px;
}
.user-timeline .user-timeline-icon {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
.user-timeline .user-timeline-content {
    padding: 10px 10px 1px;
}
.user-timeline .user-timeline-content > p:first-child {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    .user-timeline {
        padding-top: 20px;
    }
    .user-timeline:before {
        position: absolute;
        top: 0;
        left: 120px;
        bottom: 0;
        display: block;
        width: 4px;
        content: "";
        background-color: #f9f9f9;
    }
    .user-timeline > li {
        min-height: 40px;
    }
    .user-timeline > li:last-child {
        margin-bottom: 0;
    }
    .user-timeline .user-timeline-time {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding-right: 0;
        padding-left: 0;
        width: 90px;
        background-color: transparent;
    }
    .user-timeline .user-timeline-icon {
        top: 3px;
        left: 105px;
        width: 34px;
        height: 34px;
        line-height: 34px;
        z-index: 99!important;
    }
    .user-timeline .user-timeline-content {
        padding-left: 160px;
    }
}
.users-list .avatar {
    position: relative;
    display: inline-block;
    width: 40px;
    white-space: nowrap;
    vertical-align: bottom;
    border-radius: 1000px;
}
.users-list .avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0 none;
    border-radius: 1000px;
}
/* Video page */

.video-holder {
    width: 100%;
    position: relative;
    display: block;
    margin: 0!important
}
#renderPlaylist.gofullscreen {
    width: 100%!important;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background: #191919;
    padding: 3%
}
#renderPlaylist.gofullscreen .p-video .video-holder .col-md-8 {
    width: calc(100% - 427px);
}
.playlistseyr {
    display: block;
    position: relative;
    margin: 0;
    background: #232526;
    /* fallback for old browsers */
    
    background: -webkit-linear-gradient(to bottom, #000000, #232526);
    /* Chrome 10-25, Safari 5.1-6 */
    
    background: linear-gradient(to bottom, #000000, #232526);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    padding: 10px 10px 30px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000
}
.playlistseyr h1 {
    color: #fff
}
.playlistseyr .list-next {
    position: absolute;
    top: 30px;
    right: 10px
}
@media (max-width: 800px) {
    .playlistseyr .list-next {
        bottom: 3px;
        top: auto
    }
}
.playlistseyr .list-next a {
    display: inline-block;
    padding: 10px 3px;
    color: #f5f5f5
}
.playlistseyr .list-next i {
    font-size: 25px;
    margin-right: 15px
}
.playlistseyr .list-next a:hover,
.playlistseyr .list-next a:focus {
    color: #d51645
}
.playlistseyr .list-next a:visited {
    color: #f5f5f5
}
.cute-line,
.cute-line:before {
    background-color: #d51645;
}
.cute-line {
    display: block;
    content: "";
    width: 20.3%;
    height: 1px;
    position: relative;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: auto;
}
.cute-line:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    left: 0;
    top: -3.5px;
}
.cute span {
    font-weight: 500;
    font-family: Roboto, sans-serif
}
.cute h1 {
    font-family: 'Raleway', sans-serif!important;
    font-weight: 700!important;
    padding-left: 10px
}
.cute .btn-danger {
    background-color: #d51645;
    border-color: #d51645;
}
.cute .btn-danger:hover {
    background-color: #f6a30c !important;
    border-color: #f6a30c;
}
.video-header a,
.likes-holder a {
    display: inline-block;
    color: #7d7d7d;
    padding: 2px 5px
}
.video-header i {
    font-size: 22px;
    margin-top: 2px;
    color: #cacaca
}
#i-like-it.isLiked i,
i.isActive {
    font-size: 21px !important;
    color: #7aa745!important
}
.done-like i {
    font-size: 21px !important;
    color: #7aa745 !important
}
.done-dislike i {
    font-size: 21px !important;
    color: #c95454 !important
}
#i-dislike-it i:hover,
#i-dislike-it a:hover {
    color: #c95454
}
.likes-holder {
    display: block;
    text-align: left;
    padding: 8px 0 0;
    border-top: 1px solid #e8e8e8;
    margin-top: 15px
}
.addiv i {
    font-size: 20px;
    vertical-align: middle;
    line-height: 25px;
    color: #888;
    margin-right: 6px
}
.addiv {
    display: block;
    position: relative;
    text-align: center
}
.addiv a,
.addiv .aaa,
.addiv .like-box {
    display: inline-block;
    float: left;
    position: relative;
    padding: 3px 6px 1px;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible
}
.addiv a:hover,
.addiv a:hover i {
    color: #222
}
.addiv .like-box {
    position: absolute;
    top: -43px;
    right: 0;
    z-index: 1
}
.addiv .pull-right {
    z-index: 30
}
.like-box {
    width: 160px
}
.like-box .like-views {
    display: block;
    padding: 6px 3px;
    width: 100%;
    text-align: right;
    font-size: 18px;
    font-weight: 500;
    display: block;
    margin-top: 4px
}
.like-box .progress {
    display: block;
    width: 100%
}
.video-player {
    display: block;
    position: relative;
    margin: 0 !important;
    width: 100%;
    min-height: 160px;
    clear: both
}
.video-under h1 {
    line-height: normal;
    word-wrap: break-word;
    height: auto!important;
    overflow: visible;
    font-size: 24px;
    color: #222;
    display: block;
    margin: 0 0 8px
}
.video-under,
.video-under-right {
    display: inline-block;
    margin-left: 0!important;
    margin-right: 0 !important
}
@media screen and (min-width: 990px) and (max-width: 1295px) {
    .video-under-right {
        width: 32%!important
    }
}
.odet {
    padding: 15px 15px 5px
}
/*profile bitis*/


/* Manager */

.p-dashboard #DashSidebar .nav-tabs-vertical .nav-tabs,
.p-manager #DashSidebar .nav-tabs-vertical .nav-tabs {
    width: 100%;
    border: 1px solid #e4eaec
}
#DashContent {
    min-height: 360px
}
/*Icons on dropdown*/

.my-buzz a,
.my-inbox a {
    padding-right: 3px;
    display: block;
    overflow: hidden;
    position: relative
}
.my-buzz span,
.my-inbox span {
    position: absolute;
    right: 0;
    top: 9px
}
/* Description fix for very long words */

#smallD,
#longD {
    word-wrap: break-word;
}
.video-player-sidebar li {}

/* Edit video - Thumbs */

a.thumb-selects {
    display: inline-block;
    position: relative;
    float: left;
    width: 24%;
    padding: 1%;
    overflow: hidden
}
.thumb-selects img {
    width: 100%;
    border-radius: 3px;
    border: 2px solid #374046;
    max-height: 122px;
}
img.img-selected {
    border-color: #03a9f4
}
.thumb-selects.tcc:before {
    font-family: FontAwesome;
    content: "\f00c";
    display: block;
    position: absolute;
    right: 18px;
    bottom: 15px;
    font-size: 19px;
    vertical-align: middle;
    color: #fff;
}
#DashContent a:not(.btn) > i {
    font-size: 22px;
}
#DashContent .table img {
    margin-right: 15px;
}
@media screen and (max-width: 600px) {
    #DashContent .left10 {
        padding-left: 0!important;
    }
    #DashContent {
        padding: 10px 0
    }
    a.thumb-selects {
        width: 33%;
    }
    .thumb-selects.tcc:before {
        right: 35%;
        opacity: 0.5
    }
    #DashContent .table img {
        margin-right: 2px;
    }
    #notifs {
        display: none;
    }
}
@media screen and (max-width: 360px) {
    .logo-wrapper {
        max-width: 150px;
    }
    a.logo {
        max-width: 100px;
        overflow: hidden;
    }
    a#show-sidebar {
        padding: 14px 1px 0;
    }
    .user-quick {
        margin-right: 0
    }
    .user-quick a#uplBtn,
    .user-quick a#show-search,
    .user-quick a#uploadNow {
        margin-right: 9px;
    }
}
@media screen and (min-width: 955px) {
    .usered .video {
        width: 18%;
        margin-left: 1%;
        margin-right: 1%
    }
}
@media screen and (min-width: 1150px) {
    .searchWidget {
        margin-left: 80px;
    }
}

 .profile-right .slimScrollDiv {overflow:visible!important;} 
 .profile-left .video-related{margin-top:8px; width:99%;} 
 .profile-left .video-related li {border-bottom: 1px solid #e8ecf3;} 
 .profile-left .video-related li:last-child{border-bottom: none;} 
 .profile-left .video-related img,.profile-left .video-related .thumb {width: 90px;height: 52px;} 
 .profile-left .video-related .data {margin-left: 97px;}