.add-comment-button, .textarea, .input, .submit, .comm-btn:hover, .comm-btn.active, body, a.logo span.accent, .menu a:hover, .menu a.active, .list a:hover span.total, .top-text-button, .footer-container a:hover, .full-meta a:hover, .full-meta a:hover:before, .menu-button:hover, .search-button:hover, .menu-button.active, .search-button.active, .thumb .meta a:hover, .thumb .meta a:hover:before, .pages-wrapper a:hover, .pages-wrapper a.active, .swiper li a:hover, .swiper li .thumb a:hover, .swiper li a:hover:before, .swiper-button-next:hover, .swiper-button-prev:hover
{ background-color: rgb(20,26,23); }

.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(30,36,33); }

.thumb a:hover, .filters a:hover, .filters a.active, .pages-wrapper a, .pages-wrapper span, .footer-container a, .thumb .meta span, .list a span.total, .swiper li a, .full-meta a, .full-meta span, .menu a, .menu-button, .search-button, .search-input, .view-all a:hover, .list a:hover
{ background-color: rgb(25,31,28); }

.footer-container, .pic, .brka
{ background-color: rgb(40,46,43); }

.add-comment-button, .textarea, .input, .submit, .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(60,66,63); }

.add-comment-button:hover, .add-comment-button.active, .submit:hover, .comm-btn:hover, .comm-btn.active, .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, .lay, .pages-wrapper a:hover, .pages-wrapper a.active, .swiper li a:hover, .swiper li a:hover:before, .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(100,106,103); }

.footer-container a, body, .search button, input::placeholder, textarea::placeholder, .list a span.total
{ color: rgb(160,166,163); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }

.add-comment-button:hover, .add-comment-button.active, .add-comment-button:before, .comment-info span:before, .submit:hover, a:hover, .comm-btn:hover, .comm-btn.active, 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, .lay, .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, .swiper li .thumb a:hover, .about span.colored, .top-text-button:hover, .top-text-button.active
{ color: rgb(100,186,173); }

#scroll-top
{ background-color: rgb(80,166,153); color: rgb(255,255,255); text-shadow: none; }

.add-comment-button, .comment-info span, input, textarea, button, a.logo, a.like, a.dislike, a, h1, h2, .thumb-time, .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(224,224,224); }

.thumb-time, .lay
{ background-color: rgba(2,2,2,0.7); border-color: rgba(255,255,255,0.3); }

.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) */

@font-face{font-family:'Source Sans Pro'; font-weight: normal; font-style: normal; src:url(https://pornogorod.fans/fonts/font/SourceSansPro-Regular.ttf) format("truetype"); font-display: swap; }
@font-face{font-family:'Source Sans Pro'; font-weight: bold; font-style: normal; src:url(https://pornogorod.fans/fonts/font/SourceSansPro-Bold.ttf) format("truetype"); font-display: swap; }


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

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

@font-face{font-family:'Line Awesome Free';font-weight:400;font-display:swap;src:url(https://pornogorod.fans/fonts/iconfont/fonts/la-regular-400.woff2) format("woff2"),url(https://pornogorod.fans/fonts/iconfont/fonts/la-regular-400.woff) format("woff")}@font-face{font-family:'Line Awesome Free';font-weight:900;font-display:swap;src:url(https://pornogorod.fans/fonts/iconfont/fonts/la-solid-900.woff2) format("woff2"),url(https://pornogorod.fans/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; }
h1 { font-size: 30px; line-height: 38px; margin: 10px 10px 0 10px; }
h2 { margin: 25px 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: 125px; 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 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.pic:after {
    background-color: rgba(0, 0, 0, 0.1);
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*.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 .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: 8px;  display: block; -ms-line-clamp: 1; -webkit-line-clamp: 1; line-clamp: 1; }

.thumb-total:before { content: "\f144"; font-size: 15px; }

.thumb-time.thumb-views { right: auto; left: 4px; }
.thumb-views:before { content: "\f04b"; font-weight: 900; font-size: 15px; }

.brkas-container { overflow: hidden; text-align: center; font-size: 0; padding-top: 10px; }
.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: "\f107"; display: inline-block; vertical-align: top; font-size: 18px; height: inherit; line-height: inherit; margin-left: 10px; }



.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: 35px; }

.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: 12px; }
.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; }
.comm-btn { cursor: pointer; }
.comm-btn:before { content: "\f086"; 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; }

.video-text { clear: both; padding: 10px 10px 0 10px; font-size: 15px; line-height: 20px; text-align: justify; }

.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: 14px; }
.cats-links a, .tags-links a, .channels-links a, .stars-links a { font-weight: bold; text-transform: uppercase; }

.full-info-wrap { overflow: hidden; clear: both; }



.sub-title { border-top-width: 10px; border-top-style: solid; font-size: 22px; line-height: 30px; text-transform: uppercase; font-weight: bold; padding: 20px 10px 0 10px; }

.comments-block { display: none; clear: both; overflow: hidden; padding: 0 10px; }

.comments-item { overflow: hidden; clear: both; }

.comment { padding: 30px 0 10px 0; overflow: hidden; }
.comment p { clear: both; font-size: 15px; line-height: 20px; }

p.comment-info { padding-bottom: 5px; overflow: hidden; }
p.comment-info span { margin-right: 25px; margin-left: -3px; font-weight: bold; display: block; overflow: hidden; float: left; }
p.comment-info span:before { display: block; float: left; height: inherit; line-height: inherit; font-size: 18px; margin-right: 2px; line-height: inherit; }
p.comment-info span.comm-user:before { content: "\f007"; }
p.comment-info span.comm-date:before { content: "\f133"; }


.add-comment-button { margin-top: 20px; padding: 0 18px; height: 42px; line-height: 42px; border-width: 1px; border-style: solid; border-radius: 4px; font-weight: bold; font-size: 14px; text-transform: uppercase; cursor: pointer; float: left; display: block; }
.add-comment-button:before { content: "\f055"; display: block; float: left; height: inherit; line-height: inherit; font-size: 18px; margin-right: 5px; line-height: inherit; }

.add-comment { display: none; overflow: hidden; padding: 20px 0 10px 0; clear: both; }

.textarea { border-style: solid; border-width: 1px; border-radius: 4px; padding: 15px; margin-top: 10px; overflow: hidden; }
.textarea textarea { background: none; max-width: 100% !important; width: 100% !important; min-height: 80px !important; height: 80px; max-height: 440px !important; border: 0 none; outline: 0 none; line-height: 20px; font-size: 15px; }

.input { width: 200px; border-style: solid; border-width: 1px; border-radius: 4px; overflow: hidden; padding: 0 15px; height: 40px; line-height: 40px; }
.input input { background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 15px; height: inherit; line-height: normal; }

button.submit { border-width: 1px; border-style: solid; text-transform: uppercase; cursor: pointer; border-radius: 4px; width: 180px; margin-top: 10px; font-size: 14px; font-weight: bold; padding: 0 20px; outline: 0 none; height: 40px; line-height: 40px; }




.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; }
    h2 { font-size: 40px; line-height: 44px; margin-top: 20px; }
    .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: 10px; }
    .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: 30px; }
    .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; }
    .video-text { padding: 15px 20px 0 20px; }
    .comments-block { padding: 0 20px; }
    .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: 35px; line-height: 45px; }
    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; }
}

.list-tags {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.list-tags .tag {
    width: 25%;
    margin: 0 0 5px;
}

@media all and (max-width:990px) {
    .list-tags .tag {
        width: 33.33%;
    }
}

@media all and (max-width:990px) {
    .list-tags .tag {
        width: 33.33%;
    }
}

@media all and (max-width:700px) {
    .list-tags .tag {
        width: 50%;
    }
}

.field_error {
    margin: 0 0 10px;
    color: rgb(41, 123, 185);
}

.g_hint,
.g_hidden {
    display: none;
}

.feedback .textarea {
    width: 100%;
    box-sizing: border-box;
    max-width: 800px;
}

.feedback .input {
    width: 100%;
    box-sizing: border-box;
    max-width: 800px;
    margin-top: 10px;
}

.result-vote.full-meta {
    width: 100%;
    float: none;
}

.global_comments .g_hint, 
.global_comments .g_hidden {
    width: 100%;
    margin: 10px 0 0;
    float: left;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}
  
.top-text .social_link {
    line-height: 0;
    display: inline-block;
    margin: 10px 5px 0 0;
    font-size: 22px;
    transition: color .3s;
}

@media all and (min-width:1024px) {
    .top-text .social_link:hover {
        color: rgb(41, 123, 185);
    }
}

.captcha_holder .label {
    margin: 15px 0 10px;
    display: block;
}

.captcha_holder img {
    margin: 0 0 10px;
}

.preview-progress {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: rgb(41, 123, 185);
    -webkit-transition: width 1.2s;
    -o-transition: width 1.2s;
    transition: width 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: width;
}

.preview-progress.is-full {
    width: 100%;
}

.mobile_preview {
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 7px;
    top: 9px;
    border-radius: 50%;
    padding: 10px;
}

.mobile_preview svg:not(:root) {
    overflow: visible;
}

.mobile_preview .svg-icon {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.mobile_preview {
    display: none;
}