body, .categories-list
{ background-color: rgb(22,22,22); }

.thumb figure, .navigation, .languages-dropdown, .navigation nav .categories-list a:hover, .navigation nav .categories-list a.active, .filters-group span, .filters-list, .video-links a
{ background-color: rgb(42,42,42); }

.navigation
{ box-shadow: 0 0 15px -5px rgba(255,255,255,0.1); }

body, .navigation nav a:before, .navigation nav a:hover, .navigation nav a.active, .navigation nav button:hover, .navigation nav button.active, .thumb-info a, h1 span, .video-column .info a:before, .video-column .info button:before
{ color: rgb(182,182,182); }

a.logotype span, .navigation nav a:hover:before, .navigation nav a.active:before, .navigation nav button:hover:before, .navigation nav button.active:before, .rating-buttons button:hover:before, .rating-buttons button.voted:before
{ color: rgb(228,56,32); }

.languages-dropdown a:hover, .languages-dropdown a.active,.pages a.active, .pages a:hover, .video-links a.channel-link, .video-links a.channel-link:hover
{ background-color: rgb(228,56,32); color: rgb(255,255,255); }

a, h1, h2, a.logotype, .navigation-button, .navigation nav button, .languages-button, #scroll-top, .filters-group span, .video-column .info button, .video-column .info a:hover:before
{ color: rgb(252,252,252); }

#scroll-top, .pages a, .pages span, .filters-list a.active, .filters-list a:hover, .video-links a.star-link, .video-links a:hover
{ background-color: rgb(62,62,62); }

.footer, .navigation nav a:hover, .navigation nav a.active, .navigation nav button:hover, .navigation nav button.active
{ border-color: rgb(62,62,62); }

.search .input, .video-links a span
{ background-color: rgb(252,252,252); }

.search button
{ background-color: rgb(222,222,222); }

input::placeholder
{ color: rgb(132,132,132); }

input, .video-links a span
{ color: rgb(22,22,22); }

body,html,div,p,a,ul,li,input,button,form,header,main,article,section,footer,aside,figure,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }
header, article, aside, section { display: block; }

@font-face{font-family: 'Line Awesome Free'; font-weight: 900; src:url(../fonts/iconfont/la-solid-900.woff2) format("woff2"); font-display:swap; }

body, input, button, textarea { font-family: Arial, sans-serif; }

:after, :before { font-family: 'Line Awesome Free'; display: inline-block; vertical-align: top; font-weight: bold; height: inherit; line-height: inherit; text-rendering: optimizeLegibility !important; overflow: hidden; }
li { list-style-type: none; }
img { display: block; }
a, button { text-decoration: none; box-sizing: content-box; cursor: pointer; }

body { font-size: 14px; line-height: 20px; }

h1 { font-weight: bold; font-size: 22px; line-height: 28px; padding: 10px 10px 0 10px; overflow: hidden; clear: both; }
h2 { font-weight: bold; font-size: 20px; line-height: 26px; padding: 40px 10px 0 10px;overflow: hidden; clear: both; }

.videos-icon:before { content: "\f3a5"; }
.categories-icon:before { content: "\f02c"; }
.cams-icon:before { content: "\f03d"; }
.games-icon:before { content: "\f11b"; }
.dating-icon:before { content: "\f004"; }
.like-icon:before { content: "\f164"; }
.dislike-icon:before { content: "\f165"; }
.search-icon:before { content: "\f002"; transform: rotate(-90deg); }
.history-icon:before {
    content: "\f1da";
}
.new-icon:before {
    content: "\f073";
}

.flag-en { background-image: url(/assets/flags/en.png); }
.flag-de { background-image: url(/assets/flags/de.png); }
.flag-fr { background-image: url(/assets/flags/fr.png); }
.flag-it { background-image: url(/assets/flags/it.png); }
.flag-ru { background-image: url(/assets/flags/ru.png); }
.flag-es { background-image: url(/assets/flags/es.png); }
.flag-tr { background-image: url(/assets/flags/tr.png); }
.flag-vi { background-image: url(/assets/flags/vn.png); }
.flag-pt { background-image: url(/assets/flags/pt.png); }
.flag-nl { background-image: url(/assets/flags/nl.png); }
.flag-sv { background-image: url(/assets/flags/sv.png); }
.flag-id { background-image: url(/assets/flags/id.png); }
.flag-ms { background-image: url(/assets/flags/ms.png); }
.flag-ur { background-image: url(/assets/flags/ur.png); }
.flag-ja { background-image: url(/assets/flags/ja.png); }
.flag-ko { background-image: url(/assets/flags/ko.png); }
.flag-th { background-image: url(/assets/flags/th.png); }
.flag-hi { background-image: url(/assets/flags/in.png); }
.flag-zh { background-image: url(/assets/flags/cn.png); }
.flag-ar { background-image: url(/assets/flags/ar.png); }
.flag-cs { background-image: url(/assets/flags/cs.png); }
.flag-da { background-image: url(/assets/flags/da.png); }
.flag-el { background-image: url(/assets/flags/el.png); }
.flag-hu { background-image: url(/assets/flags/hu.png); }
.flag-no { background-image: url(/assets/flags/no.png); }
.flag-sk { background-image: url(/assets/flags/sk.png); }
.flag-sl { background-image: url(/assets/flags/sl.png); }
.flag-fi { background-image: url(/assets/flags/fi.png); }
.flag-pl { background-image: url(/assets/flags/pl.png); }
.flag-bg { background-image: url(/assets/flags/bg.png); }
.flag-he { background-image: url(/assets/flags/he.png); }
.flag-sr { background-image: url(/assets/flags/sr.png); }
.flag-ro { background-image: url(/assets/flags/ro.png); }

.wrapper { overflow: hidden; clear: both; margin: 0 auto; min-width: 320px; max-width: 1330px; }

.header { position: relative; height: 90px; text-align: center; z-index: 99999; }
.header .wrapper { position: relative; overflow: visible; }

.logotype { margin: 5px 0 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; text-transform: uppercase; display: inline-block; vertical-align: top; height: 35px; line-height: 35px; font-size: 22px; }
.logotype span { font-style: italic; margin-right: 4px; display: inline-block; vertical-align: top; height: inherit; line-height: inherit; font-size: 28px; }
.logotype img { width: auto; height: inherit; }

.languages { float: right; position: relative; }

.languages-button { background-color: transparent; background-position: left center; background-size: 25px auto; background-repeat: no-repeat; border: 0 none; cursor: pointer; margin: 5px 10px 0 10px; font-weight: bold; text-align: right; height: 35px; line-height: 35px; width: 44px; font-size: 0; }
.languages-button:after { content: "\f0dd"; margin-left: 2px; font-size: 14px; width: 14px; }
.languages-button.active:after { transform: rotate(-180deg); }

.languages-dropdown { display: none; text-align: left; width: 170px; overflow: hidden; z-index: 99999; position: absolute; top: 50px; right: 0; padding: 3px 0 5px 0; }
.languages-dropdown a { background-position: 10px center; background-size: 20px auto; background-repeat: no-repeat; font-size: 13px; font-weight: bold; display: block; margin-top: 2px; padding: 0 10px 0 35px; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; }

.search { overflow: hidden; padding: 10px 10px 0 10px; clear: both; }
.search form { position: relative; overflow: hidden; }
.input { border-radius: 6px; border-style: solid; border-width: 1px; overflow: hidden; height: 38px; line-height: 38px; padding: 0 30px 0 10px; }
.search input { background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 16px; height: inherit; line-height: normal; text-align: left; }
.search button { overflow: hidden; position: absolute; top: 1px; right: 1px; border-radius: 0 6px 6px 0; border: 0 none; cursor: pointer; outline: 0 none; width: 38px; font-size: 20px; height: 38px; line-height: 38px; }

.navigation-button { background: none; border: 0 none; cursor: pointer; text-align: left; margin: 5px 10px 0 10px; font-size: 32px; height: 35px; line-height: 35px; float: left; width: 44px; font-weight: bold; }
.navigation-button:after { content: "\f0c9"; }
.navigation-button.active:after { content: "\f00d"; }

.navigation { display: none; position: absolute; z-index: 99999; left: 0; top: 50px; padding: 10px 20px 20px 20px; max-width: 300px; }
.navigation nav a, .navigation nav button { width: auto; display: block; background-color: transparent; border: 0 none; height: 30px; line-height: 30px; margin-top: 10px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.navigation nav a:before, .navigation nav button:before { display: block; float: left; height: inherit; line-height: inherit; font-size: 22px; width: 22px; margin-right: 5px; }
.navigation nav button:after { content: "\f107"; display: block; float: right; height: inherit; line-height: inherit; font-size: 14px; width: 14px; margin-left: 5px; }
.navigation nav button.active:after { transform: rotate(-180deg); }
.categories-list { display: none; overflow: hidden; overflow-y: auto; margin: 5px 20px 0 0; max-height: 200px; padding: 0 5px 5px 0; }
.navigation nav .categories-list a { padding: 0 20px; margin: 5px 5px 0 5px; font-size: 14px; height: 25px; line-height: 25px; }

.cover, .cover-2 { background-color: rgba(0,0,0,0.7); display: none; position: fixed; z-index: 89999; top: 0; left: 0; width: 100%; height: 100%; }
.cover.active, .cover-2.active { display: block; }

.filters { clear: both; padding: 5px 5px 0 10px; }
.f-title { display: none; float: left; height: 30px; line-height: 30px; font-size: 14px; margin: 5px 5px 0 0; overflow: hidden; }
.f-title:before { content: "\f884"; display: block; float: left; height: inherit; line-height: inherit; font-size: 22px; width: 22px; margin-right: 3px;  }

.filters-group { float: left; position: relative; width: 50%; }

.filters-group span { display: block; cursor: pointer; overflow: hidden; padding: 0 10px; height: 30px; line-height: 30px; font-size: 13px; margin: 5px 5px 0 0; }
.filters-group span:before { display: block; float: left; height: inherit; line-height: inherit; font-size: 18px; width: 18px; margin-right: 3px; }
.filters-group span.sort-button:before { content: "\f0b0"; }
.filters-group span.date-button:before { content: "\f133"; }
.filters-group span.dur-button:before { content: "\f017"; }
.filters-group span.quality-button:before { content: "\f144"; }
.filters-group span:after { content: "\f107"; display: block; float: right; height: inherit; line-height: inherit; font-size: 10px; width: 10px; margin-left: 5px; }
.filters-group span.active:after { transform: rotate(-180deg); }
.filters-list { display: none; width: 100%; position: absolute; top: 40px; left: 0; z-index: 99999; overflow: hidden; padding: 5px 0 10px 0; }
.filters-list a { height: 25px; line-height: 25px; display: block; font-size: 13px; margin: 5px 10px 0 10px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.filters-list.active { display: block; }

.thumbs { padding: 0 5px; clear: both; overflow: hidden; }
@keyframes spinner { from {transform: rotate(0deg);} to { transform: rotate(360deg); }}
.thumb { width: 100%; text-align: center; }
.thumb .inner { margin: 10px 5px 0 5px; position: relative; }
.thumb a { display: block; overflow: hidden; }
.thumb figure { overflow: hidden; position: relative; padding-bottom: 56.25%; }
.thumb figure img { position: absolute; top: 50%; left: 0; width: 100%; height: auto; transform: translateY(-50%); }
.thumb figure:before { content: ''; height: 22px; width: 22px; position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -13px; border-right: 2px solid transparent; border-left: 2px solid transparent; border-top-width: 2px; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: inherit; border-radius: 50%; animation: spinner 1s linear infinite; }

.thumb p { font-size: 1.1em; margin: 5px 0 0 0; max-height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 20px; font-size: 14px; }
.thumb-cat p { display: block; max-height: 22px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; }
.thumb-text { overflow: hidden; height: 65px; }
.thumb-info { height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.thumb-info a { text-decoration: underline; display: inline-block; vertical-align: top; margin: 0 2px; }
.thumb-info a:hover { text-decoration: none; }
.thumb-info span { display: inline-block; vertical-align: top; margin: 0 2px; overflow: hidden; }
.thumb-info span.views:before { content: '\f06e'; float: left; display: block; margin-right: 2px; font-size: 14px; height: inherit; line-height: inherit; }
.thumb-info span.dur { border-radius: 3px; padding: 0 5px; font-size: 12px; }

.pages { clear: both; padding: 25px 5px 0 5px; text-align: center; font-size: 0; overflow: hidden; }
.pages a, .pages span { display: inline-block; vertical-align: top; margin: 5px 5px 0 5px; height: 30px; line-height: 30px; padding: 0 5px; min-width: 20px; font-size: 14px; }
.pages a.prev:after { content: '\f104'; }
.pages a.next:after { content: '\f105'; }


.spots { overflow: hidden; text-align: center; font-size: 0; padding-top: 10px; clear: both; }
.spot { overflow: hidden; width: 300px; height: 250px; margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; }
.spot iframe { border: 0 none !important; }
.spot-2, .spot-3, .spot-4, .spot-5 { display: none; }

.video-wrapper { overflow: hidden; }

.video-links { overflow: hidden; clear: both; margin: 5px 5px 0 10px; max-height: 70px; }
.video-links a { float: left; margin: 5px 5px 0 0; height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; }
.video-links a span { display: inline-block; vertical-align: top; padding: 0 4px; height: 20px; line-height: 20px; margin: 5px 0  0 5px; font-weight: normal; }
.video-links a:before { display: block; float: left; height: inherit; line-height: inherit; font-size: 20px; width: 20px; margin-right: 3px; }
.video-links a.channel-link, .video-links a.star-link { padding: 0 5px 0 5px; font-weight: bold; }
.video-links a.channel-link:hover, .video-links a.star-link:hover { text-decoration: underline; }
.video-links a.channel-link:before { content: "\f26c"; }
.video-links a.star-link:before { content: "\f005"; font-weight: normal; }

.video-container { overflow: hidden; }
.player { position: relative; overflow: hidden; padding-top: 56.25%; }
.player:before { content: ''; height: 42px; width: 42px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: inherit; border-radius: 50%; animation: spinner 1s linear infinite; }
.player iframe, .player video, .player source, .fluid_video_wrapper { border: 0 none !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }

.video-column .info { overflow: hidden; padding: 5px 0 0 10px; font-size: 13px; }
.video-column .info a, .video-column .info button { cursor: pointer; background: none; border: 0 none; font-size: 12px; font-weight: bold; display: block; float: left; margin: 5px 20px 0 0; height: 35px; line-height: 35px; overflow: hidden; }
.video-column .info a:before, .video-column .info button:before, .views-count:before { display: block; float: left; height: inherit; line-height: inherit; font-size: 30px; width: 30px; margin-right: 3px; }
.video-column .info a.download-button:before { content: "\f019"; }
.video-column .info a.save-button:before { content: "\f0fe"; }
.video-column .info a.share-button:before { content: "\f064"; }
.video-column .info a.report-button:before { content: "\f06a"; }

.rating-buttons { overflow: hidden; margin-right: 10px; float: left; }
.rating-buttons button { margin-right: 10px !important; }
.rating-buttons button:before { font-size: 36px !important; width: 36px !important; }

.views-count { background: none; border: 0 none; font-size: 20px; font-weight: bold; display: block; float: left; margin: 5px 40px 0 0; height: 35px; line-height: 35px; overflow: hidden; }
.views-count:before { content: "\f06e"; }

.video-column .info .right-buttons { clear: both; overflow: hidden; text-align: center; display: flex; justify-content: space-between; }
.video-column .info .right-buttons a { height: auto; line-height: 16px; }
.video-column .info .right-buttons a:before { float: none; margin-right: 0; height: 35px; line-height: 35px; width: auto; }

.right-column { overflow: hidden; }

.text p { margin: 10px 10px 0 10px; font-size: 14px; line-height: 20px; }


.footer { border-top-width: 1px; border-top-style: solid; margin: 40px 10px 0 10px; padding: 10px 0 20px 0; }
.footer p { margin: 10px 15px 0 0; }
.footer .links { padding-top: 5px; overflow: hidden; }
.footer .links a { text-decoration: underline; display: block; float: left; margin: 5px 10px 0 0; height: 20px; line-height: 20px; }
.footer .links a:hover { text-decoration: none; }

#scroll-top { border: 0 none; overflow: hidden; opacity: 0.9; position: fixed; z-index: 20000; right: 10px; bottom: 93px; cursor: pointer; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 22px; text-align: center; }
#scroll-top:before { content: '\f106'; display: block; height: inherit; line-height: inherit; font-weight: 900; }
#scroll-top:hover { opacity: 1; }
#scroll-top.without-navigation { bottom: 40px; }

.dur{
    display: inline-block;
    background: #888;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    font-size: .83em;
    height: 18px;
    line-height: 18px;
    margin-left: 4px;
    padding: 0 3px;
    position: relative;
    vertical-align: top;
    z-index: 3;
}

.message {
    margin: 20px 0 20px 0;
    padding: 14px;
    border: 1px solid #494949;
    background-color: #1d1f20;
    font-size: 14px;
}
.message a {
    color: #CC6699;
}
.message a:hover {
    text-decoration: underline;
}
.message-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
}

.categories {
    margin: 0 0 40px;
    font-size: 13px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    -o-column-gap: 2%;
    column-gap: 2%;
}

.categories a {
    padding: 1px 0;
    display: block;
}

.categories span {
    color: #888;
    background-color: #2e2e2e;
    margin-left: 5px;
    border-radius: 8px;
    font-size: 10px;
    padding: 3px 4px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.categories-filter {
    padding: 1px 4px;
    margin: 8px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    background-color: #2e2e2e;
    background-image: none;
    border: 1px solid #ccc;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s,-moz-box-shadow ease-in-out .15s;
    line-height: 1.5;
    color: #999;
    opacity: 1;
}

@media all and (min-width:440px) {
    .thumb { float: left; width: 50%; }
    .thumb-cat p { max-height: 20px; line-height: 20px; font-size: 16px; }
    .categories {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
    }
}

@media all and (min-width:640px) {
    .thumb { width: 33.3333%; }
    .spot-2 { display: inline-block; }
    .f-title { display: block; }
    .filters-group { width: auto; }
    .filters-list { width: 180px; }
    .video-column .info .right-buttons { clear: none; float: left; display: block; }
    .video-column .info .right-buttons a { height: 35px; line-height: 35px; }
    .video-column .info .right-buttons a:before { float: left; margin-right: 3px; height: inherit; line-height: inherit; width: 32px; }
    .categories {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
    }
}

@media all and (min-width:800px) {
    .thumb { width: 25%; }
    .views-count { margin-right: 10px; }
    .video-column .info .right-buttons { float: right; }
    .video-column .info .right-buttons a { margin: 5px 10px 0 10px; }
    .categories {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -o-column-count: 3;
        column-count: 3;
    }
}

@media all and (min-width:1020px) {
    .header { height: auto; }
    .logotype { float: left; margin: 5px 20px 0 10px; font-size: 28px; height: 40px; line-height: 40px; }
    .logotype span { font-size: 34px; }
    .languages { float: left; }
    .languages-button { font-size: 12px; width: auto; padding-left: 35px; height: 40px; line-height: 40px; font-weight: normal; }
    .languages-dropdown { left: 0; right: auto; }
    .search { clear: none; padding: 5px 10px 0 20px; }
    .navigation-button { display: none; }
    .navigation { display: block !important; position: static; max-width: 100%; background-color: transparent; text-align: center; padding: 0; margin-top: 10px; }
    .navigation nav { display: flex; justify-content: space-between; position: relative; }
    .navigation nav a, .navigation nav button { display: inline-block; vertical-align: top; margin: 0 10px; height: 35px; line-height: 35px; font-weight: bold; font-size: 14px; padding: 0 30px; border-style: solid; border-width: 1px; border-color: transparent; }
    .navigation .wrapper { overflow: visible; }
    .categories-list { overflow-y: hidden; margin: 0; max-height: 10000px; padding: 15px 5px 20px 5px; column-count: 4; columns: 4; position: absolute; left: 0; right: 0; top: 40px; z-index: 99999; text-align: left; }
    .navigation nav .categories-list a { border: 0 none; padding: 0 10px; display: block; font-size: 13px; height: 30px; line-height: 30px; }
    .navigation nav .categories-list a.categories-icon { padding-left: 5px; }
    .spot-3 { display: inline-block; }
    .cover, .cover-2 { display: none !important; }
    .video-container { display: table; width: 100%; }
    .video-column { display: table-cell; vertical-align: top; padding: 10px 0 0 10px; }
    .right-column { display: table-cell; vertical-align: top; width: 320px; min-width: 320px; max-width: 320px; }
    .right-column .spots { padding: 0 10px; }
    .right-column .spot { margin: 10px 0 0 0; }
    .right-column .spot-3 { display: none; }
    .video-column .info { padding-left: 0; }
    .video-column .info .right-buttons a { margin: 5px 0 0 15px; }
    .categories {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        -o-column-count: 4;
        column-count: 4;
    }
}

@media all and (min-width:1280px) {
    .video-column .info .right-buttons a { margin: 5px 0 0 40px; }
    .spot-4 { display: inline-block; }
}

@media all and (min-width:1440px) {
    .wrapper { max-width: 1660px; }
    .navigation nav a { padding: 0 40px; }
    .categories-list { column-count: 6; columns: 6; }
    .thumb { width: 20%; }  
    .right-column .spot-3, .spot-5 { display: inline-block; }
    .categories {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        -o-column-count: 6;
        column-count: 6;
    }
}

@media all and (max-width:1020px) {* { -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}