body {
    font-size: 14px;
}
@font-face {
    font-family: ObelixPro; /* font name */
    src: url('/public/fonts/ObelixPro.ttf'); /* URL to font */
    font-display: swap;
}
@font-face {
    font-family: 'Passion One';
    src: local('Passion One'), local('PassionOne-Regular'), url('/public/fonts/passionone.woff2') format('woff2'), url('/public/fonts/passionone.woff') format('woff'), url('/public/fonts/passionone.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gotham_prolight';
    font-display: auto;
    src: url('/public/fonts/gothaprolig-webfont.eot');
    src: url('/public/fonts/gothaprolig-webfont.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/gothaprolig-webfont.woff') format('woff'),
        url('/public/fonts/gothaprolig-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.rekl {
background: #e7e7e7;
color: #000;
padding: 8px;
/* border-bottom: 1px dashed #dcd; */
/* font-size: 13px; */
}
.top-category-module div a{
    color: #343a40;
    text-decoration: none;
    position: relative;
}
.top-category-module div a:hover{
    color: #007bff;
}
.top-category-module div a:hover:after{
        opacity: 1;
        bottom: 0;
        width: 100%;
}
.top-category-module {
    height: auto;
    font-size: 16px;
    max-height: 30px;
    overflow: hidden;
    transition: max-height 1s;
}
.first-letter-blue:first-letter {
    font-weight: bold;
    color: #007bff;
}
.top-category-button{
    cursor: pointer;
    font-size: 16px;
    padding: 0 3px 0px 15px;
    color: rgba(0, 123, 255, 0.7);
    display: block;
    background: #f5f5f5;
    font-weight: bold;
    margin-top: -16px;
}
.top-category-button span{
    font-size: 13.5px;
}
.full-top-category-module {
    padding-bottom: 20px;
    max-height: 100%;
}
.sort {
    border-bottom: 1px solid #d8d8d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    list-style: none;
}
.sort .item {
    padding: 0 17px 0 0;
}
.sort .item .link {
    color: #000;
    font-size: 17px;
    line-height: 19px;
    font-weight: 400;
    padding: 0 5px 10px;
    display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s;
    position: relative;
    text-decoration: none;
    word-break: break-all;
}
.sort .item .link:after, .top-category-module div a:after{
    position: absolute;
    content: '';
    height: 2px;
    background: #007bff;
    left: 0;
    right: 0;
    bottom: 5px;
    width: 10%;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: block;
    opacity: 0;
    margin: 0 auto;
}
.sort .item.activate .link:after {
    opacity: 1;
    bottom: 0;
    width: 100%;
}
.sort .item.activate a{
    color: #007bff;
}
@media (min-width: 444px){
    .sort .item .link:hover {
        color: #007bff;
    }
    .sort .item .link:hover:after {
        opacity: 1;
        bottom: 0;
        width: 100%;
    }
}
@media (max-width: 550px)
{
    .sort .item .link {
        font-size: 13px;
        line-height: 15px;
        padding: 0 5px 5px;
    }
}
.text-rubric {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.thumb-gallery img {
    -webkit-filter: grayscale(0);
    filter: none;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px;
}
.thumb-gallery img:hover {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.thumb-gallery {
    padding: 5px;
}
p.rubrictext {
    font-size: 16px;
    line-height: 16px;
    max-height: 51px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    color: #333;
}
p.rubrictext:first-letter {
    font-size: 1.3em;
    font-weight: bold;
    color: #007bff;
}
html[lang="ru"] p.rubrictext:after {
    content: 'подробнее ' '\25bc';
}
html[lang="en"] p.rubrictext:after {
    content: 'more ' '\25bc';
}
html[lang="ru"] p.full-rubrictext:after {
    content: 'свернуть ' '\25b2';
}
html[lang="en"] p.full-rubrictext:after {
    content: 'roll up ' '\25b2';
}
.menu-top-dropdown > a:hover > span {
    color: #007bff;
}
.menu-top-dropdown > a:hover {
   background: rgba(64, 73, 75, 1);
}
p.rubrictext:after {
    cursor: pointer;
    font-size: .9em;
    padding: 0 3px 2px 40px;
    color: rgba(0, 123, 255, 0.7);
    display: block;
    background: #f5f5f5;
    background: -webkit-linear-gradient(right,#f5f5f5 108px,rgba(255,255,255,0) 136px);
    background: linear-gradient(to left,#f5f5f5 108px,rgba(255,255,255,0) 136px);
    position: absolute;
    bottom: -1px;
    right: 0;
    font-weight: bold;
}
.profile-button-upload {
    font-size: 0.7rem!important;
    padding: 3px 6px 3px 7px!important;
}
.push-message-align {
    bottom: 2%; 
    right: 2%; 
    z-index: 1100;
}
.w20-h20{
    width: 20px;
    height: 20px;
}
.profile-button-upload:hover > span{
    color: white;
}
p.full-rubrictext {
    padding-bottom: 20px;
    max-height: 100%;
}
.min-w-body {
    min-width: 350px;
}
.slide_shadow {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.75);
    box-shadow: 0 3px 6px rgba(0,0,0,.75);
}
#left-category {
    left: -40px;
}
.dropdown-width {
    width: 550px;
}
.dropdown-width a{
    width: 30.3%;
}
a#logo {
    font-family: 'ObelixPro';
    color: white;
    letter-spacing: 4px;
    background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(0,0,255,0.7)); /*Fx 3.6-15*/
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(0,123,255,0.8)); /*Standard*/
    padding: 4px;
}
.nav-a-top li a, .nav-a-right li a{
    color: #fff;
    font-size: 16px;
    font-family: 'gotham_prolight', Arial, Helvetica, sans-serif;
}
.nav-a-top li span, .nav-a-right li span{
    color: #fff;
    font-size: 1.3rem;
}
.nav-a-top li a:hover, .nav-a-right li a:hover{
    background: rgba(64, 73, 75, 1);
}
.nav-a-top li a:hover > span, .nav-a-right li a:hover > span{
    color: #007bff;
}
.nav-a-right li {
    width: 100%;
}
.but-open-menu {
    font-size: 1.3rem;
    cursor:pointer;
    padding: 2px 5px!important;
}
h1.sizeTitle {
    font-size: 1.5rem;
}
.icon-input-en {
    position: absolute;
    top: 6px;
    left: 3px;
    background-image: url('/public/images/flags/EN.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;
}
.icon-input-ru {
    position: absolute;
    top: 6px;
    left: 3px;
    background-image: url('/public/images/flags/RU.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;
}
.search-main-input{
    padding-right: 2.3rem!important;
}
.search-main-button{
    top: 3px;
    right: 5px;
}
.video-name, .album-name {
    display: block;
    margin-bottom: 4px;
    border-bottom: 0;
    max-height: 40px;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    color: #303030;
    margin-top: 7px;
    font-family: "Roboto",Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.video-col .cat-count{
    position: absolute;
    z-index: 101;
    top: 0px;
    right: 0px;
    height: 20px;
    padding: 2px 5px;
    background: #303030;
    color: #fff;
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 16px;
    letter-spacing: .9px;
}
.video-col .cat-name{
    position: absolute;
    z-index: 101;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 5px 0px;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    font: 15px Arial, Helvetica, sans-serif;
    line-height: 15px;
    letter-spacing: .9px;
    text-align: center;
}
.back-grey{
    background-color: #dadada;
}
.back-grey:hover{
    background-color: #ccc;
}
div.double-line{
    border: 1px solid #000; 
    border-bottom: 1px solid #696969;
}
.video-col:hover .video-name, .video-col a:hover, .album-col:hover .album-name, .album-col a:hover, .video-col:hover .cat-name{
    color: #e34449;
    text-decoration: none;
}
.members-col:hover .nickname, .members-col a:hover{
    color: #007bff;
    text-decoration: none;
}
.members-col .nickname{
    color: #343a40;
}
.bg-content{
    background: #f5f5f5;
    min-width: 330px;
}
.video-view, .album-view{
    color: #707070;
}
.icon-hover{
    margin-right: 0.7em;
    font-size: 24px;
    color: black;
}
.cat-item{
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    margin: 0 5px 4px 0;
    padding: 0 10px;
    background: #dadada;
    border: 0;
    border-radius: 5px;
    color: #303030;
    font-size: 12px;
    line-height: 24px;
    font-size: 14px;
    border-radius: 3px;
}
.cat-item:hover{
    text-decoration: none;
    background: #e34449;
    color: #fff;
}
.icon-hover:hover{
    color: #e34449;
}
.video-info, .album-info {
    margin-right: 5px;
    display: inline;
    font-size: 12px;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif!important;
}
.preview{
    position: relative;
}
#progress-video-line {
    position: absolute;
    z-index: 102;
    bottom: 0;
    width: 100%;
}
.time{
    position: absolute;
    z-index: 101;
    bottom: 0;
    right: 0;
    height: 20px;
    padding: 2px 5px;
    background: #303030;
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
    line-height: 16px;
    letter-spacing: .9px;
}
.photos{
    position: absolute;
    z-index: 101;
    bottom: 1px;
    right: 1px;
    height: 20px;
    padding: 2px 5px;
    color: #fff;
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 16px;
    letter-spacing: .9px;
}
.del_favorite{
    position: absolute;
    z-index: 101;
    top: 0px;
    right: 0px;
    height: 20px;
    padding: 2px 5px;
    color: black;
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 10px;
    letter-spacing: .9px;
    cursor: pointer;
}
.del_favorite:hover{
    color: red;
}
.del_favorite:hover~.time{
    z-index: 90;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 0, 0, 0.6);
    color: rgba(255, 0, 0, 0.0);
}
hr.mini {
    width: 10%;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    -moz-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3);
}
a#logo:hover {
    text-decoration: none;
    opacity: 0.8;
}
a#logo span {
    font-size: 18px;
}
#left-drop {
    left: -40px;
}
#left-lng{
    min-width: 0; 
    left: -24px;
}
.featurette-divider{
    margin-top: 60px;
    margin-bottom: 20px;
    border-top: 1px solid #e0e0e0;
}
#go-top {
    position: fixed; 
    bottom: 30px; 
    right: 30px;
    text-align: center;
    cursor:pointer; 
    display:none;
    padding: 5px 10px;
    background: #c0c0c0;
    line-height: 30px;
    border-radius: 5px;
    opacity: 0.6;
}
.title {
    font-family: 'Passion One', cursive;
}
#go-top:hover {
    opacity: 1;
}
.mb-nav{
    margin-bottom: 20px;
}
#padding-lr-content{
    padding-left: 10px;
    padding-right: 10px;
}
.border-login{
    padding: 20px;
    border: 1px solid #eee;
    border-top: none;
    -moz-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3); 
}
.cursor-pointer {
    cursor: pointer;
}
.clear {
    clear: both;
}
.commdown, .commrep, .commup {
    font-size: 14px;
    float: left;
    color: #555;
    padding-right: 10px;
    padding-top: 5px;
    text-transform: uppercase;
}
.replies {
    padding-left: 30px;
}
.showrep {
    color: #333;
    padding: 10px 0 0 10px;
    cursor: pointer;
}
#showtags, .quality, .showrep {
    font-weight: 700;
}
.showrep:after {
    font-size: 16px;
    margin-left: 5px;
}
[id^=showcomm] {
    cursor: pointer;
}
.commdown:hover, .commrep:hover, .commup:hover {
    cursor: pointer;
    color: #000;
}
.commup.selected:before {
    color: #248C1E;
}
.commdown.selected:before {
    color: #D5200D;
}
.catspisok a{
    background-color: #e4e4e4;
}
#commform textarea {
    margin: 5px 0;
    width: 99%;
    height: 90px;
}
#comments {
    background-color: #fff;
}
#commform {
    width: 100%;
    margin: 7px 0;
    text-align: left;
    display: none;
}
.smile-icon {
    color: #007bff;
}
.smile-icon:hover {
    cursor: pointer;
    color: black;
}
.avapart {
    float: left;
    margin: 5px 15px 10px 10px;
    background-color: #BB0C09;
    padding: 5px 7px;
}
.avapart, .uplog a {
    border-radius: 5px;
}
.avapart:before {
    content: "\e916";
    color: #f1f1f1;
    font-size: 24px;
}
[id^=showcomm] {
    display: inline-block;
}
.textpart {
    width: 100%;
    word-wrap: break-word;
    font-size: 16px;
}
.w-200 {
    width: 200px;
}
.clear {
    clear: both;
}
#rounded-top-none{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.g-recaptcha > div {
    margin: 0 auto;
}
.profile-down {
    font-size: 0.6rem;
}
.w210-md-px{
    width: 240px;
}
a.nav-hover:hover{
    color: #fff!important;
    background: #007bff;
}
.pos-a-right{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    border-left: 1px solid #007bff;
    border-bottom: 1px solid #007bff;
}
.rounded-pill-right{
    border-bottom-right-radius: 50rem!important;
    border-top-right-radius: 50rem!important;
}
.rounded-pill-left{
    border-bottom-left-radius: 50rem!important;
    border-top-left-radius: 50rem!important;
}
ul.column-list-tags {
    -moz-column-count: 4; 
    -webkit-column-count: 4; 
    column-count: 4;
    list-style: none;
}
.category-top-column {
    word-break: break-all;
}
@media (min-width: 1900px) and (min-width: 1601px)
{
    .category-top-column {
        width: 14%!important;
    }
}
@media (max-width: 1600px) and (min-width: 1401px)
{
    .category-top-column {
        width: 15%!important;
    }
}
@media (max-width: 1400px) and (min-width: 1201px)
{
    .category-top-column {
        width: 20%!important;
    }
}
@media (max-width: 1200px) and (min-width: 901px)
{
    .category-top-column {
        width: 25%!important;
    }
}
@media (max-width: 900px) and (min-width: 651px)
{
    .category-top-column {
        width: 33.3%!important;
    }
}
@media (max-width: 650px)
{
    .category-top-column {
        width: 50%!important;
    }
}
@media (min-width: 1200px)
{
    ul.column-list-tags {
        -moz-column-count: 5; 
        -webkit-column-count: 5; 
        column-count: 5;
    }
}
@media (max-width: 960px)
{
    ul.column-list-tags {
        -moz-column-count: 3; 
        -webkit-column-count: 3; 
        column-count: 3;
    }
}
@media (max-width: 720px)
{
    ul.column-list-tags {
        -moz-column-count: 2; 
        -webkit-column-count: 2; 
        column-count: 2;
    }
}
@media (max-width: 768px)
{
    h1.sizeTitle{
        font-size: 1.2rem;
    }
    #w100-md{
        width: 100%;
    }
    .w200-md-px{
        width: 200px;
    }
    .dropdown-width {
        width: 100%;
    }
    .nav-a-top li{
        width: 100%;
    }
    #text-md-center{
        text-align: center;
    }
    .pos-a-top{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        border-right: 1px solid #007bff;
        border-bottom: 1px solid #007bff;
    }
    .nav-a-right{
        display: block!important;
    }
    .search-wrap {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 7px 7px 5px 7px;
    background-color: #e6e7e8;
    z-index: 100;
    box-shadow: 0 20px 20px -20px rgba(0,0,0,0.4), inset 0 20px 20px -20px rgba(0,0,0,0.4);
    vertical-align: middle;
}
}
@media (min-width: 768px)
{
    .flex-grow-md-none {
        flex-grow: 0!important;
    }
    .sort .item {
        padding: 0 40px 0 0;
    }
}
@media (max-width: 550px)
{
    .dropdown-width a{
        width: 40.3%;
    }
    h1.sizeTitle {
        font-size: 1.1rem;
    }
    .mb-nav{
        margin-bottom: 10px;
    }
}
@media (max-width: 560px)
{
    .max-w-560{
        width: 100%;
    }
    
}
@media (max-width: 400px)
{
    .dropdown-width a{
        width: 90%;
    }
}