.full-spon-link a:hover, body
{ background-color: rgb(22,29,24); }

.full-spon-link a, .head-container, .full-column, .footer-container
{ background-color: rgb(32,39,34); }

.full-spon-link-2, .swipe-list, .pages-wrapper, .full-table
{ background-color: rgb(42,49,44); }

.pic, .brka
{ background-color: rgb(62,69,64); }

.full-spon-link-2 a, .full-spon-link a, .head-container, .thumb-inner, .list li:before, .full-info:after, .footer-container
{ border-color: rgb(62,69,64); }

body, .swipe-list a, .thumb li, .filters a, .search button, .pages-wrapper a, .video-links a
{ color: rgb(182,189,184); text-shadow: 1px 1px 0 rgba(0,0,0,0.6); }

.full-spon-link-2 a:before, .full-spon-link a:before, .full-spon-link-2 a span, .full-spon-link a span, a:hover, a.logo span, .search button:hover, .swipe-list:before, .swipe-list a.view-all:hover, .thumb p:before, .navi a:hover, .navi a:before, .list a:before, .about span.colored, .video-links span:before, #scroll-top
{ color: rgb(72,179,164); }

.swiper-button-next:hover, .swiper-button-prev:hover, .lay
{ background-color: rgb(72,179,164); color: rgb(255,255,255); }

.full-spon-link-2 a:hover, .full-spon-link a:hover, a.logo, .menu a:hover, .menu a.active, .thumb li.thumb-likes, .filters a.active, .filters a:hover, .swipe-list a.view-all, .swipe-list a:hover, .pages-wrapper a:hover, .pages-wrapper a.active, .list li:hover:after, .thumb-alt .thumb-inner:hover:after, .video-links a:hover
{ border-color: rgb(72,179,164); }

a.logo, a, h1, h2, .menu-button, .search-button, .cover-close:hover, .search input, .search input::placeholder, .menu a:hover, .swiper-button-next, .swiper-button-prev, .swipe-list a:hover, .swipe-list a.view-all, .filters a:hover, .filters a.active, .thumb li.thumb-likes, .thumb-inner:hover li, .pages-wrapper a:hover, .pages-wrapper a.active, .navi a, .about span, .video-links span, .video-links a:hover, .footer-container span
{ color: rgb(222,229,224); }

.thumb-inner:hover, .search-input, .list li:after, .list li:hover:before, .thumb-alt .thumb-inner:after
{ border-color: rgb(222,229,224); }

.swiper-button-next, .swiper-button-prev
{ background-color: rgb(0,2,0); }

.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: 'Cairo', sans-serif; }

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

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

img { display: block; }

a { -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; text-decoration: none; }

h1, h2 { font-weight: bold; overflow: hidden; }
h1 { font-size: 24px; line-height: 30px; margin: 20px 10px 0 10px; }
h2 { margin: 50px 10px 0 10px; font-size: 24px; line-height: 30px; }

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

a.logo { border-bottom-width: 8px; border-bottom-style: solid; margin: 0 10px -8px 10px; overflow: hidden; font-weight: bold; text-transform: uppercase; position: relative; z-index: 100; display: block; float: left; height: 50px; line-height: 50px; font-size: 20px; }
a.logo span.logo-icon { font-size: 40px; display: inline-block; vertical-align: top; margin: 0 -5px; height: inherit; line-height: inherit; }
a.logo span.logo-icon:before { content: "\f144"; }

.menu-button, .search-button { width: 36px; float: right; font-size: 32px; height: 40px; line-height: 40px; margin: 5px 10px 0 0; cursor: pointer; display: block;  }
.menu-button:before { content: "\f7a4"; font-weight: 900; display: block; }
.search-button { font-size: 20px; }
.search-button:before { content: "\f002"; font-weight: 900; display: block; }
.search-button.active:before { content: "\f00d"; }

.menu { display: none;  max-width: 100%; max-height: 100%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999; }
.menu li { text-align: center;  clear: both; margin-top: 15px; }
.menu a { border-bottom: 3px solid transparent; display: inline-block; vertical-align: top; font-weight: bold; text-transform: uppercase;  height: 26px; line-height: 26px; font-size: 20px; }

.menu-cover { display: none; background-color: rgba(0,0,0,0.9); position: fixed; width: 100%; height: 100%; z-index: 80000; top: 0; left: 0; }
.cover-close { cursor: pointer; font-weight: 900; position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; line-height: 50px; font-size: 50px; }
.cover-close:before { content: "\f00d"; }

.swipe-list { clear: both; overflow: hidden; margin: 20px 10px 0 10px; padding: 10px 0 10px 40px; position: relative; }
.swipe-list:before { float: left; content: "\f06d"; position: absolute; font-size: 30px; top: 7px; left: 5px; font-weight: 900; height: 30px; line-height: 30px; }

.swiper { cursor: grab; overflow: hidden; height: 24px; text-align: center; }
.swiper ul { display: flex; }
.swiper li { display: block; float: left; flex-shrink: 0; margin-right: 15px; overflow: hidden; }
.swipe-list a, .swipe-list span { font-weight: bold; border-bottom: 2px solid transparent; height: 22px; line-height: 24px; font-size: 16px; overflow: hidden; display: block; }
.swipe-list a.view-all { text-transform: uppercase; font-size: 16px; }

.swiper-button-next, .swiper-button-prev { opacity: 0.8; cursor: pointer; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; position: absolute; top: 0; height: 44px; line-height: 44px; width: 30px; font-size: 22px; }
.swiper-button-next { right: 0; padding-right: 2px; }
.swiper-button-next:before { content: '\f061'; font-weight: 900; }
.swiper-button-prev { left: 0; padding-left: 2px; }
.swiper-button-prev:before { content: '\f060'; font-weight: 900; }
.swiper-button-disabled { display: none; }
.swiper-button-next:hover, .swiper-button-prev:hover { opacity: 0.9; }

.search { display: none; max-width: 100%; max-height: 100%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999; }
.search form { position: relative; width: 300px; }
.search-input { border-bottom-style: solid; border-bottom-width: 5px; overflow: hidden; height: 40px; line-height: 40px; padding: 0 45px 0 0; margin: 0 auto; max-width: 600px; }
.search input { background: none; text-transform: uppercase; font-weight: bold; border: 0 none; width: 100%; outline: 0 none; font-size: 16px; height: inherit; line-height: normal; }
.search input::placeholder { text-transform: uppercase; }
.search button { background: none; overflow: hidden; position: absolute; top: 0; right: 0; border: 0 none; cursor: pointer; outline: 0 none; width: 40px; font-size: 24px; 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: 990px; overflow: hidden; }

.filters { overflow: hidden; padding: 10px 0 0 10px; }
.filters a { font-weight: bold; border-bottom: 3px solid transparent; overflow: hidden; display: block; float: left; margin: 5px 15px 0 0; height: 24px; line-height: 24px; font-size: 16px; }

.thumbs-container { overflow: hidden; clear: both; }

.thumb { overflow: hidden; }

.thumb-inner { -moz-transition: border-color 0.2s ease; -webkit-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;  margin: 20px 10px 0 10px; border-bottom-width: 3px; border-bottom-style: solid; position: relative; }

.thumb a { display: block; }

.pic { position: relative; overflow: hidden; }
.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.lay { z-index: 100; position: absolute; top: 5px; right: 5px; font-weight: bold; padding: 0 5px; font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; display: block; }

.thumb p { font-weight: bold; display: block; overflow: hidden; height: 44px; line-height: 22px; font-size: 16px; margin-top: 7px; }
.thumb p:before { content: "\f144"; display: block; float: left; font-size: 18px; height: inherit; line-height: inherit; margin-right: 2px; }

.thumb ul { height: 32px; margin-top: 1px; position: relative; z-index: 100; margin-bottom: -3px; }
.thumb li { -moz-transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; font-size: 14px; border-bottom: 3px solid transparent; height: 29px; line-height: 29px; float: left; overflow: hidden; margin-right: 15px; }
.thumb li.thumb-likes { padding: 0 3px; }
.thumb li:last-child { margin-right: 0 !important; }  
.thumb li:before { display: block; float: left; font-size: 18px; height: inherit; line-height: inherit; margin: 1px 2px 0 0; }
.thumb li.thumb-likes:before { content: "\f164"; }
.thumb li.thumb-views:before { content: "\f06e"; }
.thumb li.thumb-time:before { content: "\f017"; }

.thumb-alt .thumb-inner:after { content: ''; position: absolute; left: 0; width: 100px; bottom: -3px; border-bottom-width: 3px; border-bottom-style: solid; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
.thumb-alt p { white-space: nowrap; text-overflow: ellipsis; font-size: 22px; height: 30px; line-height: 30px; margin-bottom: 7px; }
.thumb-alt p:before {font-size: 22px !important; }
p.cat-name:before { content: "\f5fd"; }
p.channel-name:before { content: "\f26c"; }
p.star-name:before { content: "\f005"; font-weight: 400; }
.thumb-alt ul { margin-top: -10px !important; }
.thumb-alt li { font-size: 14px !important; }
.thumb li.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 { margin: 40px 10px 0 10px; padding: 5px 0 15px 0; text-align: center; overflow: hidden; font-size: 0; }
.pages-wrapper a, .pages-wrapper span { min-width: 22px; display: inline-block; vertical-align: top; margin: 5px 5px 0 5px; overflow: hidden; font-size: 16px; font-weight: bold; border-bottom: 3px solid transparent; height: 22px; line-height: 22px; }
.pages, .navi { overflow: hidden;  margin: 5px 10px 0 10px; }
.navi { text-transform: uppercase; }
.navi a, .navi span { margin: 5px 15px 0 15px; }
.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; }

.list { overflow: hidden; }
.list li { position: relative; margin-top: 20px; overflow: hidden; padding-bottom: 8px; }
.list li:before, .list li:after { content: ''; position: absolute; left: 10px; right: 10px; bottom: 0; border-bottom-width: 3px; border-bottom-style: solid; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
.list li:after { right: auto; width: 80px; opacity: 0.6; }
.list li:hover:after { opacity: 1; }
.list a { font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin: 0 10px; line-height: 25px; }
.list a:before { content: "\f5fd"; float: left; display: block; height: inherit; line-height: inherit; margin-right: 3px; font-size: 22px; }
.list span { margin: 0 10px; display: block; height: 20px; line-height: 20px; font-size: 13px; overflow: hidden; }

.tags-list, .channels-list, .stars-list { margin-top: 10px; }
.tags-list:before { content: "\f02c"; }
.channels-list:before { content: "\f26c"; }
.stars-list:before { content: "\f005"; font-weight: 400; }

.about { overflow: hidden; margin: 10px 10px 0 10px; font-size: 16px; line-height: 26px; text-align: justify; }
.about p { overflow: hidden; margin-top: 10px; }
.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: 18px; content: "\f00c"; font-weight: 900; margin-right: 5px; }

.full-container { overflow: hidden; margin-top: 20px; }

.full-table { overflow: hidden; }

.full-column { overflow: hidden; }

.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-spon-link { padding: 15px 15px 5px 15px; clear: both; overflow: hidden; text-align: center; }
.full-spon-link a { font-weight: bold; border-style: solid; border-width: 3px; border-radius: 4px; display: block; padding: 15px; font-size: 18px; line-height: 22px; }
.full-spon-link a i { margin: 0 10px !important; display: inline-block !important; vertical-align: top !important; height: inherit; line-height: inherit; }
.full-spon-link a:hover span, .full-spon-link a:hover i { background: none; }
.full-spon-link a:before { content: '\f09c'; display: inline-block; vertical-align: top; margin-right: 5px; height: inherit; line-height: inherit; font-size: 22px; }

.full-spon-link-2 { margin: 15px 15px 5px 15px; border-radius: 4px; padding: 15px; clear: both; overflow: hidden; text-align: center; }
.full-spon-link-2 a { font-weight: bold; border-bottom-style: solid; border-bottom-width: 3px; display: inline-block; vertical-align: top; font-size: 20px; line-height: 24px; padding-bottom: 4px; }
.full-spon-link-2 a i { margin: 0 10px !important; display: inline-block !important; vertical-align: top !important; height: inherit; line-height: inherit; }
.full-spon-link-2 a:hover span, .full-spon-link-2 a:hover i { background: none; }
.full-spon-link-2 a:before { content: '\f09c'; display: inline-block; vertical-align: top; margin-right: 5px; height: inherit; line-height: inherit; font-size: 24px; }



.full-info { text-align: center; padding: 5px 5px 4px 0; overflow: hidden; position: relative; }
.full-info:after { content: ''; position: absolute; height: 0; left: 0; width: 100%; bottom: 0; border-bottom-width: 4px; border-bottom-style: solid; }

.full-info a, .full-info span { display: block; float: left; margin: 5px 10px 0 0; font-size: 13px; line-height: 18px; padding-bottom: 10px; }
.full-info a:before, .full-info span:before { display: block; height: inherit; line-height: inherit; font-size: 24px; line-height: 28px; }
.full-info a { cursor: pointer; }

.video-rating { float: left; position: relative; z-index: 100; overflow: hidden; margin-bottom: -4px; }
.video-rating a { border-bottom-width: 4px; border-bottom-style: solid; margin: 5px 1px 0 0 !important; padding: 0 10px 10px 10px; }
a.video-like:before { content: "\f164"; font-size: 28px; }
a.video-dislike:before { content: "\f165"; font-size: 28px; }
.video-views:before { content: "\f06e"; }
.video-time:before { content: "\f017"; }
.video-date:before { content: "\f382"; font-weight: 900; }

.video-meta { float: right; }

.full-brkas-container { overflow: hidden; text-align: center; font-size: 0; padding-top: 30px; }

.video-links { clear: both; overflow: hidden; padding: 0 0 15px 10px; }
.video-links a, .video-links span { border-bottom: 3px solid transparent; display: block; float: left; margin: 2px 10px 0 0; font-weight: bold; font-size: 16px; height: 22px; line-height: 22px; }
.video-links span:before { display: block; height: inherit; line-height: inherit; font-size: 18px; float: left; margin-right: 4px; }
.cats-links:before { content: "\f5fd"; }
.tags-links:before { content: "\f02c"; }
.channels-links:before { content: "\f26c"; }
.stars-links:before { content: "\f005"; font-weight: 400; }

.links-group { overflow: hidden; float: left; margin: 13px 30px 0 0; }

.footer-container { border-top-width: 8px; 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; margin: 3px 7px 0 7px; display: inline-block; vertical-align: top; height: 24px; line-height: 24px;}
.footer-container a { overflow: hidden; text-decoration: underline; height: 24px; line-height: 24px; display: inline-block; vertical-align: top; margin: 3px 7px 0 7px; }
.footer-container a:hover { text-decoration: none; }

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

@media all and (min-width:360px) {
    .list li { float: left; width: 50%; }
    .list a { font-size: 16px; }
    .full-info a, .full-info span { font-size: 14px; }
}

@media all and (min-width:380px) {
    a.logo { font-size: 22px; }
    a.logo span.logo-icon { font-size: 42px; }
    .search form { width: 340px; }
    .search input { font-size: 20px; }
    .thumbs-container { padding: 10px 5px 0 5px; }
    .thumb { float: left; width: 50%; }
    .thumb-inner { margin: 10px 5px 0 5px; }
    .thumb p { height: 40px; font-size: 14px; line-height: 20px; }
    .thumb p:before { font-size: 16px; }
    .thumb li { font-size: 12px; margin-right: 5px; }
    .thumb li:before {font-size: 14px; }
    .thumb-alt p { font-size: 18px; height: 26px; line-height: 26px; }
}

@media all and (min-width:520px) {
    a.logo { font-size: 24px; }
    a.logo span.logo-icon { font-size: 44px; }
    .menu-button, .search-button { font-size: 36px; }
    .search-button { font-size: 24px; }
    .search form { width: 480px; }
    .search-input { height: 50px; line-height: 50px; }
    .search input { font-size: 24px; }
    .search button { font-size: 32px; height: 50px; line-height: 50px; }
    .thumb p { height: 44px; font-size: 16px; line-height: 22px; }
    .thumb p:before { font-size: 18px; }
    .thumb li { margin-right: 10px; }
    .thumb li:before { font-size: 16px; margin-right: 2px; }
    .thumb-alt p { font-size: 20px; height: 28px; line-height: 28px; }
    .list a { font-size: 18px; }
    .full-info { padding: 5px 15px 4px 0; }
    .full-info a, .full-info span { margin: 5px 10px 0 10px; }
    .video-rating a { padding: 0 20px 10px 20px; }
    .video-links { padding-left: 15px; }
}

@media all and (min-width:640px) {
    .search { padding: 20px; }
    .brka-2 { display: inline-block; } 
    .thumb li { font-size: 14px; margin-right: 15px; }
    .pages-wrapper a, .pages-wrapper span { min-width: 26px; font-size: 18px; height: 26px; line-height: 26px; }
    .prev-page:before, .next-page:before { font-size: 26px; }
    .list li { width: 33.3333%; }
    .list a { font-size: 16px; }
}

@media all and (min-width:660px) {
    .head-container { min-height: 60px; }
    a.logo { height: 60px; line-height: 60px; }
    .menu-button, .search-button { margin-top: 10px; }
    .thumb { width: 33.3333%; }
    .thumb li { margin-right: 10px; font-size: 13px; }
    .thumb li:before { font-size: 14px; margin-right: 1px; }
    .thumb-alt p { font-size: 18px; height: 26px; line-height: 26px; }
}

@media all and (min-width:760px) {
    .swipe-list { padding: 15px 0 15px 60px; }
    .swipe-list:before { height: 40px; line-height: 40px; font-size: 40px; left: 10px; }
    .swiper li { margin-right: 25px; }
    .swipe-list a, .swipe-list span { font-size: 18px; }
    .swiper-button-next, .swiper-button-prev { height: 54px; line-height: 54px; font-size: 26px; width: 44px; }  
    h1, h2 { font-size: 26px; line-height: 32px; }
    .filters a { margin-right: 20px; font-size: 18px; }
    .thumb li { margin-right: 15px; font-size: 14px; }
    .thumb li:before { font-size: 16px; margin-right: 2px; }
    .list a { font-size: 18px; }
    .full-spon-link a { font-size: 20px; line-height: 24px; padding: 20px; }
    .full-spon-link a:before{ font-size: 24px; }  
    .full-spon-link-2 { padding: 20px; }
    .full-spon-link-2 a { font-size: 22px; line-height: 26px; }
    .full-spon-link-2 a:before { font-size: 26px; }  
    
}

@media all and (min-width:1020px) {
    .head-container { min-height: 70px; text-align: center; }
    a.logo { height: 70px; line-height: 70px; }
    .search-button { margin-top: 15px; font-size: 28px; }
    .cover-close { height: 80px; line-height: 80px; width: 80px; font-size: 80px; top: 60px; right: 60px; }
    .menu-button { display: none;  }
    .menu { display: block !important; position: absolute; z-index: 1000; }
    .menu li { float: left; clear: none; margin: 0 10px; }
    .menu a { font-size: 16px; }
    .main-container { width: 990px; max-width: 100%; }
    .swipe-list { padding: 20px 0 20px 60px; margin-top: 30px; }
    .swipe-list:before { height: 40px; line-height: 40px; font-size: 40px; left: 10px; top: 11px; }
    h1 { margin-top: 25px; }
    h2 { margin-top: 60px; }
    .swiper-button-next, .swiper-button-prev { height: 64px; line-height: 64px; font-size: 26px; width: 48px; }
    .thumbs-container { padding: 10px 0 0 0; }
    .thumb { width: 330px; } 
    .pic img { -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
    .pic:after { border: 5px solid rgba(255,255,255,0.3); box-shadow: 0 0 0 5px rgba(0,0,0,0.5); -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; opacity: 0; content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; }
    .thumb a:hover .pic:after { opacity: 1; top: 5px; right: 5px; bottom: 5px; left: 5px; }
    .thumb a:hover .pic img { transform: scale(1.03); }
    .thumb p { height: 48px; font-size: 18px; line-height: 24px; }
    .thumb li { margin-right: 20px; }
    .thumb-alt p { font-size: 20px; height: 28px; line-height: 28px; }
    .pages-wrapper { padding: 10px 5px 20px 5px; margin-top: 60px; }
    .pages-wrapper a { margin: 5px 15px 0 10px; }
    .navi { float: right; margin-right: 0; }
    .navi a, .navi span { margin: 5px 15px 0 15px; }
    .pages { float: left; }
    .list li { width: 25%; margin-top: 30px; }
    .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; }
    .full-info { padding: 13px 15px 4px 0; }
    .full-info a, .full-info span { line-height: 30px; padding-bottom: 15px; }
    .full-info a:before, .full-info span:before { font-size: 28px; line-height: 30px; float: left; margin: 0 4px 0 0; }
    .video-rating a { padding: 0 20px 15px 20px; }
    a.video-like:before { font-size: 32px; }
    a.video-dislike:before { font-size: 32px; }
    .video-links { padding: 15px 0 20px 20px; }
    .video-links a, .video-links span { font-size: 17px; height: 24px; line-height: 24px; margin-right: 15px; }
    .video-links span { margin-right: 10px; }  
    .video-links span:before { font-size: 22px; }
    .links-group { margin: 5px 40px 0 0; }
    .full-container { margin: 30px 10px 0 10px; }
    .full-table { display: table; width: 100%; }
    .full-column { display: table-cell; vertical-align: top; }
    .full-brkas-container { 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; }
    .full-spon-link { padding: 20px 20px 5px 20px; }
    .full-spon-link a { font-size: 18px; line-height: 22px; padding: 15px; }
    .full-spon-link a::before { font-size: 22px; } 
    .full-spon-link-2 { padding: 15px; margin: 20px 20px 5px 20px; }
    .full-spon-link-2 a { font-size: 20px; line-height: 24px; }
    .full-spon-link-2 a:before { font-size: 24px; } 
    
}

@media all and (min-width:1040px) {
    .main-container { width: 1020px; }
    .thumbs-container { padding: 0; }
    .thumb { width: 340px; } 
    .thumb-inner { margin: 20px 10px 0 10px; }
    .thumb p { margin-top: 10px; }
    .thumb ul { margin-top: 5px; }
}

@media all and (min-width:1340px) {
    a.logo { font-size: 26px; }
    a.logo span.logo-icon { font-size: 52px; }
    .menu li { margin: 0 20px; }
    .menu a { font-size: 18px; }
    .main-container { width: 1320px; }
    h1, h2 { font-size: 28px; line-height: 34px; }
    .thumbs-container { padding: 10px 0 0 0; }
    .thumb { width: 330px; } 
    .thumb-inner { margin: 10px 5px 0 5px; }
    .list li { width: 16.6666%; }
    .brka-4 { display: inline-block; }
    #scroll-top { font-size: 60px; height: 60px; line-height: 60px; width: 60px; }
    .full-brkas-container { width: 340px !important; max-width: 340px !important; padding: 0 0 20px 0; }
    .full-brkas-container .brka { margin: 20px 20px 0 20px; }
    .full-spon-link a { font-size: 20px; line-height: 24px; padding: 20px; }
    .full-spon-link a::before { font-size: 24px; } 
    .full-spon-link-2 { padding: 20px; }
    .full-spon-link-2 a { font-size: 22px; line-height: 26px; }
    .full-spon-link-2 a:before { font-size: 26px; } 
}

@media all and (min-width:1380px) {
    .main-container { width: 1360px; }
    .thumbs-container { padding: 0; }
    .thumb { width: 340px; } 
    .thumb-inner { margin: 20px 10px 0 10px; }
}

@media all and (min-width:1720px) {
    a.logo { font-size: 28px; }
    a.logo span.logo-icon { font-size: 54px; }
    .menu li { margin: 0 30px; }
    .main-container { width: 1700px; }
    h1, h2 { font-size: 30px; line-height: 36px; }
    .brka-5 { display: inline-block; }
    .list li { width: 12.5%; }
    .full-brkas-container .brka-3 { display: inline-block; }
    .full-info span { margin-left: 20px; }
    .full-spon-link a { font-size: 22px; line-height: 26px; }
    .full-spon-link a::before { font-size: 26px; } 
    .full-spon-link-2 a { font-size: 24px; line-height: 28px; }
    .full-spon-link-2 a:before { font-size: 28px; } 
}