body, .thumb .meta span, .list a span.total, .full-meta span, .top-text-button, .footer-container a, .menu-button:hover, .search-button:hover, .menu-button.active, .search-button.active, .thumb .meta a:hover:before, .swiper li a:hover, .swiper-button-next:hover, .swiper-button-prev:hover
{ background-color: rgb(240,238,237); }

.full-table, .footer-container, .menu, .search, .head-container, .thumb a, .filters a, .swipe-list, .swiper-button-next, .swiper-button-prev, .pages-wrapper, .view-all a, .list a, .about
{ background-color: rgb(245,243,242); }

.menu a, .swiper li .thumb a, .pages-wrapper a, .swiper li a, .list a:hover span.total, .full-meta a, .footer-container a:hover
{ background-color: rgba(255,255,255,0.3); }

a.logo span.accent, .full-meta a:hover, .thumb a:hover, .thumb .meta a:hover, .swiper li .thumb a:hover, .filters a:hover, .filters a.active, .swiper li a:hover, .menu a:hover, .menu a.active, .menu-button, .search-button, .search-input, .view-all a:hover, .list a:hover, .pages-wrapper a:hover, .pages-wrapper a.active
{ background-color: rgb(250,248,247); }

.footer-container, .pic, .brka
{ background-color: rgb(230,228,227); }

.clear-line, .full-brkas-container, .clear, .full-container, .full-meta a, .full-meta span, .footer-container a, .footer-container, .menu, .search-input, .search, .menu-button, .search-button, .menu a, .head-container, .thumb a, .thumb .meta span, .filters, .filters a, .pages-wrapper, .pages-wrapper a, .pages-wrapper span, .swipe-list, .swiper li a, .swiper-button-next, .swiper-button-prev, .view-all a, .list a, .list a span.total, .about
{ border-color: rgb(220,218,217); }

.full-meta a:hover, .menu-button:hover, .search-button:hover, .menu-button.active, .search-button.active, .menu a:hover, .menu a.active, a.logo span.accent, .filters a:hover, .filters a.active, .thumb .meta a:hover, .pages-wrapper a:hover, .pages-wrapper a.active, .swiper li a:hover, .swiper-button-next:hover, .swiper-button-prev:hover, .view-all a:hover, .footer-container a:hover, .thumb a:hover, .swiper li .thumb a:hover, .list a:hover
{ border-color: rgb(200,198,197); }

.footer-container a, body, .search button, .list a span.total
{ color: rgb(100,98,97); text-shadow: 1px 1px 0 rgba(255,255,255,0.2); }

a:hover, a.like:hover:before, a.dislike:hover:before, a.logo span.accent, .pages-wrapper a:hover, .pages-wrapper a.active, .menu a.active, .full-meta a:before, .menu a:before, .menu-button, .search-button, .search button:hover, .list a:before, .filters a.active, .thumb .meta a:before, .swiper li a:before, .swiper-button-next, .swiper-button-prev, .about span.colored, .top-text-button:hover, .top-text-button.active
{ color: rgb(210,98,50); }

#scroll-top
{ background-color: rgb(210,98,50); color: rgb(255,255,255); text-shadow: none; }

a.logo, a.like, a.dislike, a, h1, h2, .list a:hover span.total, a.like:before, a.dislike:before, .footer-container a:hover, .footer-container span, .menu-button, .search-button, .cover-close:hover, .search input, .search input::placeholder, .thumb-time, .thumb a:hover li, .top-text-button
{ color: rgb(40,38,37); }

.thumb-time, .lay
{ background-color: rgba(5,3,2,0.7); color: rgb(220,218,217); border-color: rgba(255,255,255,0.3); text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }

.lay
{ color: rgb(220,118,70); }

.wide-ratio { padding-bottom: 56.25%; }
/* Wide 16:9 Ratio, Where 56.25% - value calculating by formula (height x 100 / width) */

.rectangle-ratio { padding-bottom: 75%; }
/* Rectangle 4:3 Ratio, Where 75% - value calculating by formula (height x 100 / width) */

.square-ratio { padding-bottom: 100%; }
/* Square 1:1 Ratio */

.vertical-ratio { padding-bottom: 150%; }
/* Vertical 2:3 Ratio, Where 150% - value calculating by formula (height x 100 / width) */

.custom-ratio { padding-bottom: 60%; }
/* Custom Ratio, Where 60% - sample value. You should change it on your value calculating by formula (height x 100 / width) */


body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }

body, input { font-family: 'Source Sans Pro', sans-serif; }

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

li { list-style-type: none; }
:before, :after { text-rendering: optimizeLegibility !important; font-family: 'Line Awesome Free'; }

img { display: block; }

a { text-decoration: none; }

h1, h2 { font-weight: normal; overflow: hidden; text-transform: uppercase; }
h1 { font-size: 34px; line-height: 38px; margin: 20px 10px 0 10px; }
h2 { margin: 50px 10px 0 10px; font-size: 34px; line-height: 38px; }

.head-container { border-bottom-width: 1px; border-bottom-style: solid; min-height: 60px; min-width: 320px; }
.head-container .main-container { overflow: visible; position: relative; }

a.logo { margin: 10px 10px 0 10px; overflow: hidden; font-weight: bold; text-transform: uppercase; display: block; float: left; height: 40px; line-height: 40px; font-size: 20px; }
a.logo span { display: block; float: left; height: inherit; line-height: inherit; margin-right: 5px; }
a.logo span.accent { height: 34px; line-height: 34px; border-style: solid; border-width: 3px; padding: 0 8px; border-radius: 6px; }
a.logo img { width: auto; height: inherit; }

.menu-button, .search-button { text-align: center; border-width: 1px; border-style: solid; border-radius: 4px; width: 28px; font-size: 20px; height: 28px; line-height: 28px; cursor: pointer; display: block; position: absolute; top: 15px; }
.menu-button { right: 10px; }
.menu-button:before { content: "\f7a4"; font-weight: 900; display: block; }
.menu-button.active:before { content: "\f00d"; }
.search-button { right: 44px }
.search-button:before { content: "\f002"; font-weight: 900; display: block; }
.search-button.active:before { content: "\f00d"; }

.menu { box-shadow: 0 5px 15px -8px rgb(0,0,0); overflow: hidden; border-width: 1px; border-style: solid; border-radius: 0 0 0 6px; display: none; position: absolute; top: 61px; right: 0; min-width: 200px; z-index: 999999; padding: 11px 15px 15px 15px;}
.menu li { overflow: hidden; margin-top: 4px; }
.menu a { border-width: 1px; border-style: solid; border-radius: 4px; padding: 0 10px; display: block; font-weight: bold; text-transform: uppercase;  height: 48px; line-height: 48px; font-size: 16px; }
.menu a:before { display: inline-block; vertical-align: top; font-size: 22px; height: inherit; line-height: inherit; margin-right: 3px; }

.menu li.home-icon a:before { content: '\f015'; }
.menu li.videos-icon a:before { content: '\f04b'; font-weight: 900; }
.menu li.categories-icon a:before { content: '\f02e'; font-weight: 900; }
.menu li.channels-icon a:before { content: '\f5fd'; font-weight: 900; }
.menu li.stars-icon a:before { content: '\f005'; font-weight: 400; }

.search { box-shadow: 0 5px 15px -8px rgb(0,0,0); overflow: hidden; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; display: none; position: absolute; top: 61px; right: 0; left: 0; z-index: 999999; padding: 15px; }
.search form { position: relative; overflow: hidden; }
.search-input { border-width: 1px; border-style: solid; border-radius: 6px; overflow: hidden; height: 38px; line-height: 38px; padding: 0 40px 0 15px; }
.search input { background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 16px; height: inherit; line-height: normal; }
.search button { background: none; overflow: hidden; position: absolute; top: 1px; right: 0; border: 0 none; cursor: pointer; outline: 0 none; width: 40px; font-size: 22px; height: 40px; line-height: 40px; }
.search button:before { content: "\f002"; font-weight: 900; }

.main-container { clear: both; margin: 0 auto; min-width: 320px; max-width: 994px; overflow: hidden; }

.top-text { overflow: hidden; margin: 5px 10px 0 10px; font-size: 14px; line-height: 20px; max-height: 40px; position: relative; text-align: justify; }
.top-text-button { -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; width: 20px; text-align: center; cursor: pointer; font-size: 20px; height: 20px; line-height: 20px; font-weight: 900; position: absolute; bottom: 0; right: 0; }
.top-text-button:before { content: '\f107'; }

.top-text.active { max-height: 100%; padding-bottom: 30px; }

.top-text-button.active { transform: rotate(180deg); }

.clear-line { border-top-style: solid; border-top-width: 1px; margin: 10px 10px 0 10px; }

.filters { margin: 6px 6px 0 10px; }
.filters a { font-weight: bold; border-width: 1px; border-style: solid; text-transform: uppercase; overflow: hidden; display: block; float: left; position: relative; margin: 4px 4px 0 0; padding: 0 5px; border-radius: 4px; height: 30px; line-height: 30px; font-size: 12px; }

.thumbs-container { overflow: hidden; clear: both; padding: 6px 8px 0 8px; }

.thumb { overflow: hidden; position: relative; }

.thumb a { display: block; margin: 4px 2px 0 2px; border-radius: 6px; border-width: 1px; border-style: solid; padding-bottom: 10px; }

.pic { position: relative; overflow: hidden; border-radius: 6px 6px 0 0; }
.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pic:after { background-color: rgba(0,0,0,0.1); display: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.thumb p { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; -ms-line-clamp: 2; -webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; overflow: hidden; height: 40px; line-height: 20px; font-size: 16px; margin: 42px 10px 0 10px; }

.thumb .meta { overflow: hidden; text-align: center; height: 24px; position: absolute; bottom: 58px; left: 12px; right: 9px; z-index: 200; }
.thumb .meta span { float: left; border-width: 1px; border-style: solid; display: block; font-size: 11px; height: 22px; line-height: 22px; overflow: hidden; border-radius: 3px; padding: 0 3px 0 2px; margin-right: 3px; }
.thumb .meta span:before { display: block; float: left; font-size: 16px; height: inherit; line-height: inherit; margin-right: 2px; }
.thumb-likes:before { content: "\f164"; }
.thumb-views:before { content: "\f04b"; font-weight: 900; }
.thumb .meta a { float: left; margin: 0 3px 0 0 !important; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; height: 22px; line-height: 22px; overflow: hidden; border-radius: 3px !important; padding: 0 5px 0 2px !important;  }
.thumb .meta a:before { content: "\f02b"; display: block; float: left; font-size: 12px; height: inherit; line-height: inherit; margin-right: 1px; }
.thumb .meta a:hover:before { background: none; } 

.lay { border-width: 1px; border-style: solid; box-shadow: 0 5px 15px -8px rgb(0,0,0); z-index: 100; position: absolute; top: 4px; left: 4px; font-weight: bold; padding: 0 5px; font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; border-radius: 4px; display: block; }

.thumb-time { border-width: 1px; border-style: solid; z-index: 100; position: absolute; bottom: 4px; right: 4px; font-weight: bold; padding: 0 5px 0 3px; font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; border-radius: 4px; display: block; }
.thumb-time:before { content: "\f017"; display: block; float: left; font-size: 12px; height: inherit; line-height: inherit; margin: 1px 1px 0 0; }

.thumb-cat .meta { bottom: 44px; }
.thumb-cat .meta span { padding: 0 7px 0 5px; }
.thumb-cat p { white-space: nowrap; text-overflow: ellipsis; font-size: 20px; height: 30px; line-height: 30px; margin-top: 38px; }

.thumb-total:before { content: "\f144"; }

.brkas-container { overflow: hidden; text-align: center; font-size: 0; padding-top: 30px; }
.brka { overflow: hidden; margin: 10px 5px 0 5px; width: 300px; height: 250px; display: inline-block; vertical-align: top; }
.brka-2, .brka-3, .brka-4, .brka-5 { display: none; }

.pages-wrapper { border-width: 1px; border-style: solid; border-radius: 6px; margin: 20px 10px 0 10px; padding: 0 8px 15px 8px; text-align: center; overflow: hidden; font-size: 0; }
.pages-wrapper a, .pages-wrapper span { text-transform: uppercase; border-width: 1px; border-style: solid; border-radius: 4px;  min-width: 16px; padding: 0 5px; display: inline-block; vertical-align: top; margin: 4px 2px 0 2px; overflow: hidden; font-size: 14px; font-weight: bold; height: 26px; line-height: 26px; }
.prev-page:before { content: '\f060'; font-weight: 900; margin-right: 5px; font-size: 22px; display: block; float: left; height: inherit; line-height: inherit; }
.next-page:before { content: '\f061'; font-weight: 900; display: block; float: right; height: inherit; line-height: inherit;  margin-left: 5px; font-size: 22px; }
.navi { padding-top: 11px; }
.navi a, .navi span { padding: 0 25px !important; height: 46px; line-height: 46px; }
.pages { overflow: hidden; padding-top: 11px; }

.view-all { overflow: hidden; text-align: center; padding: 20px 2px 0 2px; }
.view-all a { text-transform: uppercase; border-width: 1px; border-style: solid; min-width: 228px; border-radius: 6px; padding: 0 20px; display: inline-block; vertical-align: top; margin: 4px 2px 0 2px; overflow: hidden; font-size: 16px; font-weight: bold; height: 56px; line-height: 56px; }
.view-all a:after { content: "\f105"; display: inline-block; vertical-align: top; font-size: 18px; height: inherit; line-height: inherit; margin-left: 1px; }



.swipe-list { border-width: 1px; border-style: solid; border-radius: 6px; margin: 20px 10px 0 10px; padding: 15px 13px; position: relative; overflow: hidden; }

.swiper { overflow: hidden; padding-right: 100px; }
.swiper ul { display: flex; }
.swiper li { float: left; flex-shrink: 0; overflow: hidden; width: auto; }
.swiper li a { border-width: 1px; border-style: solid; border-radius: 4px; margin: 0 2px; padding: 0 20px; text-transform: uppercase; height: 48px; line-height: 48px; font-size: 14px; font-weight: bold; overflow: hidden; display: block; }

.swiper-button-next, .swiper-button-prev { cursor: pointer; position: absolute; top: 50%; margin-top: -31px; height: 62px; line-height: 62px; width: 40px; font-size: 32px; text-align: center; }
.swiper-button-next { border-radius: 6px 0 0 6px; box-shadow: -5px 0 15px -10px rgb(0,0,0); border-width: 1px; border-style: solid; border-right: 0 none; right: 0; }
.swiper-button-next:before { content: '\f105'; font-weight: 900; }
.swiper-button-prev { border-radius: 0 6px 6px 0; box-shadow: 5px 0 15px -10px rgb(0,0,0); border-width: 1px; border-style: solid; border-left: 0 none; left: 0; }
.swiper-button-prev:before { content: '\f104'; font-weight: 900; }
.swiper-button-disabled { display: none; }

.cats-list .swiper { padding-right: 0; }
.cats-list .swiper li { width: 200px; }
.swiper li .thumb { float: none !important; width: 100% !important; }
.swiper li .thumb a { height: auto; padding: 0 0 10px 0; border-radius: 6px; font-weight: normal; text-transform: none; }
.swiper li .thumb .meta a { display: none; }

.cats-list .swiper-button-next, .cats-list .swiper-button-prev { height: 80px; line-height: 80px; margin-top: -40px; width: 50px; }

.searches-list .swiper li a:before { content: "\f002"; font-weight: 900; display: block; font-size: 16px; float: left; height: inherit; line-height: inherit; margin-right: 3px; }
.tags-list .swiper li a:before { content: "\f02b"; font-weight: 900; display: block; font-size: 16px; float: left; height: inherit; line-height: inherit; margin-right: 3px; }
.stars-list .swiper li a:before { content: "\f005"; font-weight: 400; display: block; font-size: 16px; float: left; height: inherit; line-height: inherit; margin-right: 3px; }


.list { overflow: hidden; padding: 16px 8px 0 8px; }
.list li { overflow: hidden;}
.list a { border-width: 1px; border-style: solid; border-radius: 6px; overflow: hidden; display: block; margin: 4px 2px 0 2px; padding: 15px; }
.list a span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 24px; height: 24px; }
.list span.total { border-width: 1px; border-style: solid; margin: 8px 0 0 0; display: inline-block; vertical-align: top; clear: both; padding: 0 8px; border-radius: 3px; height: 22px; line-height: 22px; font-size: 12px; overflow: hidden; }
.list span.total:before { content: "\f144"; display: block; float: left; height: inherit; line-height: inherit; margin-right: 1px; font-size: 14px; }


.about { border-width: 1px; border-style: solid; overflow: hidden; margin: 20px 10px 0 10px; font-size: 16px; line-height: 24px; padding: 0 15px 15px 15px; border-radius: 6px; text-align: justify; }
.about p { overflow: hidden; margin-top: 15px; }
.about span { font-weight: bold; }
.about a { text-decoration: underline; }
.about a:hover { text-decoration: none; }

.list-alt li:after { width: 40px; }
.list-alt a { height: 30px; line-height: 30px; }
.list-alt a:before { font-size: 22px; content: "\f14a"; font-weight: 900; margin-right: 3px; display: block; float: left; height: inherit; line-height: inherit;  }

.full-container { overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid;}

.full-table { overflow: hidden; }

.full-column { overflow: hidden; padding-bottom: 10px; }

.full-column h1 { font-size: 20px; margin-top: 10px; line-height: 24px; }

.full-video { background-color: rgb(0,0,0); overflow: hidden; position: relative; padding-bottom: 56.25%; }
.full-video iframe, .full-video video, .full-video source, .full-video object, .full-video embed, .full-video .fluid_video_wrapper { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }

.full-info { overflow: hidden; }

.clear { border-bottom-style: solid; border-bottom-width: 1px; padding-top: 10px; clear: both; }

.full-meta { overflow: hidden; float: left; margin: 6px 6px 0 10px; }

.full-meta a, .full-meta span { border-width: 1px; border-style: solid; border-radius: 4px; display: block; float: left; margin: 4px 4px 0 0; font-size: 12px; line-height: 28px; height: 28px; padding: 0 8px; }
.full-meta a:before, .full-meta span:before { display: block; float: left; height: inherit; line-height: inherit; font-size: 14px; margin-right: 2px; line-height: inherit; }
.full-meta a { cursor: pointer; }

a.like:before { content: "\f164"; font-size: 20px; }
a.dislike:before { content: "\f165"; font-size: 20px; }
.views:before { content: "\f04b"; font-weight: 900; }
.time:before { content: "\f017"; }
.date:before { content: "\f382"; font-weight: 900; }


.full-brkas-container { border-top-width: 1px; border-top-style: solid; overflow: hidden; text-align: center; font-size: 0; padding-top: 10px; margin-top: 10px; padding-bottom: 20px; }


.cats-links a:before { content: "\f02e"; font-weight: 900; }
.tags-links a:before { content: "\f02b"; font-weight: 900; }
.channels-links a:before { content: "\f5fd"; font-weight: 900; }
.stars-links a:before { content: "\f005"; font-weight: 400; }

.cats-links span, .tags-links span, .channels-links span, .stars-links span { background: none;  border-color: transparent; padding: 0 !important; float: none; height: 20px !important; line-height: 20px !important; font-size: 13px; }
.cats-links a, .tags-links a, .channels-links a, .stars-links a { font-weight: bold; text-transform: uppercase; }

.footer-container { border-top-width: 1px; border-top-style: solid; overflow: hidden; margin-top: 40px; padding: 15px 10px 20px 10px; font-size: 16px; line-height: 24px; text-align: center; }
.footer-container p { overflow: hidden; margin-top: 5px; }
.footer-container span { font-weight: bold; text-transform: uppercase; }
.footer-container a { border-width: 1px; border-style: solid; border-radius: 4px; overflow: hidden; height: 28px; line-height: 28px; display: inline-block; vertical-align: top; margin: 4px 1px 0 1px; padding: 0 8px; font-weight: bold; text-transform: uppercase; font-size: 13px; }

#scroll-top { border-radius: 6px; overflow: hidden; opacity: 0.9; position: fixed; z-index: 20000; right: 20px; bottom: 20px; cursor: pointer; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 24px; text-align: center; }
#scroll-top:hover { opacity: 1; }
#scroll-top:before { content: "\f106"; font-weight: 900; }

@media all and (min-width:360px) {
    .filters a { padding: 0 10px; }
}

@media all and (min-width:414px) {
    a.logo { font-size: 22px; }
    .thumb { float: left; width: 50%; }
    .list li { width: 50%; float: left; }
    .list a span { font-size: 18px; line-height: 22px; height: 22px; }
    .filters a { font-size: 14px; height: 36px; line-height: 36px; }
    .full-column h1 { font-size: 24px; line-height: 28px; }
}

@media all and (min-width:520px) {
    a.logo { font-size: 24px; }
    .list a span { font-size: 20px; line-height: 24px; height: 24px; }
    .full-column h1 { font-size: 26px; line-height: 30px; }
}

@media all and (min-width:640px) {
    a.logo { margin-right: 20px; }
    .search-button { display: none; }
    .search { display: block !important; position: static; box-shadow: none; border: 0 none; padding: 10px 10px 0 0; }
    .menu-button { height: 38px; line-height: 38px; width: 38px; font-size: 24px; position: static; float: right; margin: 10px 10px 0 0; }
    .brka-2 { display: inline-block; } 
    .list li { width: 33.3333%; }
    .cats-list .swiper li { width: 240px; }
    .full-column h1 { font-size: 28px; line-height: 32px; }
    .full-meta a, .full-meta span { height: 38px; line-height: 38px; padding: 0 12px; font-size: 14px; }
    .full-meta a:before, .full-meta span:before { font-size: 18px; }
    a.like:before { font-size: 24px; }
    a.dislike:before { font-size: 24px; }
}

@media all and (min-width:660px) {
    .head-container { min-height: 60px; }
    .menu-button, .search-button { margin-top: 10px; }
    .thumb { width: 33.3333%; }
}

@media all and (min-width:760px) {
    .thumb a:hover .pic:after { display: block; }
    .full-column h1 { font-size: 30px; line-height: 34px; }
}

@media all and (min-width:1020px) {
    h1 { font-size: 40px; line-height: 44px; margin-top: 30px; }
    h2 { font-size: 40px; line-height: 44px; margin-top: 80px; }
    .head-container { min-height: 70px; }
    .footer-container .main-container, .head-container .main-container { min-height: 100%; }
    a.logo { height: 50px; line-height: 50px; }
    a.logo span.accent { height: 44px; line-height: 44px; padding: 0 12px; }
    .menu-button { width: 48px; height: 48px; line-height: 48px; font-size: 28px; }
    .menu { top: 72px; right: 10px; border-radius: 6px; }
    .main-container { width: 994px; max-width: 100%; min-height: 900px; }
    .search-input { height: 48px; line-height: 48px; }
    .top-text { margin-top: 12px; font-size: 16px; line-height: 22px; max-height: 44px; }
    .clear-line { margin-top: 20px; }
    .filters { margin-top: 16px; }
    .filters a { height: 46px; line-height: 46px; padding: 0 25px; font-size: 14px; }
    .thumbs-container { padding-top: 16px; }
    .thumb { width: 326px; } 
    .thumb .meta span, .thumb .meta a { font-size: 12px; }
    .thumbs-container .thumb-cat p { font-size: 22px; }
    .list li { width: 25%; }
    .tags-list, .channels-list, .stars-list { margin-top: 20px; }
    .brkas-container {padding-top: 50px; }
    .brka { margin: 10px 10px 0 10px; }
    .brka-3 { display: inline-block; }
    .pages-wrapper { padding: 0 13px 15px 13px; }
    .pages-wrapper a, .pages-wrapper span { font-size: 16px; height: 46px; line-height: 46px; min-width: 26px; padding: 0 10px; }
    .pages { float: left; }
    .navi { float: right; }
    .full-container { margin: 30px 10px 0 10px; border-width: 1px; border-style: solid; border-radius: 6px; }
    .full-table { display: table; width: 100%; }
    .full-column { display: table-cell; vertical-align: top; padding-bottom: 20px; }
    .full-column h1 { margin: 15px 20px 10px 20px; }
    .clear { padding-top: 20px; margin-bottom: 10px; }
    .full-meta { margin: 4px 16px 0 20px; }
    .full-brkas-container { border-top: 0 none; border-left-style: solid; border-left-width: 1px; display: table-cell; vertical-align: top; width: 320px !important; max-width: 320px !important; padding: 0 0 10px 0; }
    .full-brkas-container .brka { margin: 10px 10px 0 10px; }
    .full-brkas-container .brka-3 { display: none; }
    .footer-container { margin-top: 60px; }
    #scroll-top { font-size: 30px; height: 50px; line-height: 50px; width: 50px; }
}

@media all and (min-width:1340px) {
    .head-container { overflow: hidden; padding: 5px 0; }
    .menu-button { display: none;  }
    .menu { display: block !important; position: static; box-shadow: none; border: 0 none; float: left; padding: 10px 36px 0 0; }
    .menu li { float: left; margin: 0 4px 0 0; }
    .menu li:first-child { padding-left: 1px; }
    .menu a { font-size: 16px; min-width: 100px; text-align: center; }
    .search button { top: 5px; }
    h1, h2 { font-size: 42px; line-height: 46px; }
    a.logo { font-size: 26px; margin-right: 40px; }
    .main-container { width: 1320px; }
    .list li { width: 16.6666%; }
    .brka-4 { display: inline-block; }
    .full-brkas-container { width: 338px !important; max-width: 338px !important; padding: 0 0 20px 0; }
    .full-brkas-container .brka { margin: 19px 19px 0 19px; }
    .full-column h1 { font-size: 32px; line-height: 36px; }
}

@media all and (min-width:1666px) {
    h1, h2 { font-size: 44px; line-height: 48px; }
    a.logo { font-size: 28px; }
    .menu a { min-width: 140px; }  
    .main-container { width: 1646px; }
    .brka-5 { display: inline-block; }
    .full-brkas-container .brka-3 { display: inline-block; }
    .full-meta a, .full-meta span { height: 44px; line-height: 44px; padding: 0 18px; }
    .full-column h1 { font-size: 36px; line-height: 40px; }
}