#filter_row {
     text-align: right;
     padding-bottom: 10px;
}
 .new_filter_top {
     display: none;
     width:100%;
     user-select: none;
     position: relative;
     /*padding-top:10px;*/
     padding-bottom:10px;
}
 .new_filter_top.active {
     display: table;
}
 .new_filter_top .cell {
     display: block;
     margin:5px 0;
}
 .new_filter_top .button {
     background: #1f1f1f;
     border-radius: 5px;
     font-size: 18px;
     height: 50px;
     line-height: 50px;
     padding: 0 10px;
     cursor: pointer;
}
 .new_filter_top .button:hover {
     background: #2d2d2d;
}
 .new_filter_top .button.edited{
     color:#54B4A0;
}
 .new_filter_top .button:after {
     content: " ";
     background-image: url(../images/arrow_bottom.svg);
     display: block;
     height: 16px;
     width: 16px;
     margin-top:18px;
     float: right;
     margin-left:10px;
}
 .new_filter_top .button.active:after {
     background-image: url(../images/arrow_top.svg);
}
 .new_filter_top .button.active {
     background: #2d2d2d;
     border-radius: 5px 5px 0 0;
     color:#54B4A0;
}
 .new_filter_top .block {
     width:100%;
     user-select: none;
     padding: 0 5px;
     width: 1270px;
     background: #2d2d2d;
     padding: 30px;
     border-radius: 0 0 5px 5px;
     display: none;
}
 .new_filter_top .block .row{
     width: 1270px;
     position: absolute;
     background: #2d2d2d;
     padding: 10px;
     border-radius: 0 0 5px 5px;
     display: none;
}
 .new_filter_top .block.active{
     display: block;
     z-index:10;
     right: 5px;
}
 .new_filter_top .block.country, .new_filter_top .block.genre{
     right: 0;
     width: 100%;
}
 .new_filter_top .block.category, .new_filter_top .block.year, .new_filter_top .block.imdb, .new_filter_top .block.rating{
     right: 0;
     width: 100%;
}
 .new_filter_top .block.translation, .new_filter_top .block.actor, .new_filter_top .block.director{
     right: 0;
     width: 100%;
}
 .new_filter_top .block.category .filter{
     width: 100%;
}
 .new_filter_top .block.translation .filter{
     width: 50%;
}
 .new_filter_top .block.actor .filter, .new_filter_top .block.director .filter{
     width: 100%;
}
 .new_filter_top .block .bottom_row {
     display: none;
     padding-top:30px;
}
 .new_filter_submit {
     padding:0 20px;
     font-size:14px;
     text-transform: uppercase;
     background: #398273;
     display: inline-block;
     color:#fff;
     border-radius: 5px;
     line-height: 40px;
     cursor: pointer;
}
 .new_filter_submit:hover {
     background: #419483;
}
 .new_filter_reset {
     padding:0 10px;
     background: none;
     line-height: 40px;
     text-transform: none;
     border-radius: 5px;
     cursor: pointer;
     display: none;
     font-size: 14px;
     margin-left:10px;
}
 .new_filter_reset:hover {
     background: #1f1f1f;
}
 .new_filter_reset .icon{
     width: 18px;
     height: 18px;
     margin-right: 10px;
     border: 1px solid #a8a8a8;
     display: inline-block;
     vertical-align: sub;
     border-radius: 5px;
}
 .new_filter_reset .icon div{
     width:8px;
     height:8px;
     margin:4px;
     background-image: url(../images/close.svg);
}
 .new_filter_reset.active{
     display: inline-block;
}
 .new_filter_top .filter{
     display: inline-block;
     vertical-align: top;
     width: 100%;
     padding-bottom:10px;
}
 .new_filter_top .filter.hided{
     display: none;
}
 .new_filter_top .filter input[type="radio"], .new_filter_top .filter input[type="checkbox"] {
     display: none;
}
 .new_filter_top .filter input[type="radio"]:checked+label, .new_filter_top .filter input[type="checkbox"]:checked+label, .new_filter_top .filter .active {
     color: #54B4A0;
}
 .new_filter_top .filter label {
     width: 100%;
     display: block;
     line-height: 40px;
     font-size:14px;
     padding:0 10px;
     border-radius: 5px;
     cursor: pointer;
}
 .new_filter_top .filter label:hover{
     background: #1f1f1f;
}
.new_filter_top .filter.active label {
     color: #54B4A0;
}
 .new_filter_top .filter label div {
     display: inline-block;
     width: 18px;
     height: 18px;
     margin-right: 10px;
     border: 1px solid #a8a8a8;
     display: inline-block;
     vertical-align: sub;
     border-radius: 5px;
     transition: 0.15s all ease-out;
}
 .new_filter_top .filter input[type="radio"]:checked+label div, .new_filter_top .filter input[type="checkbox"]:checked+label div {
     border: 1px solid #54B4A0;
}
 .new_filter_top .filter input[type="radio"]:checked+label div:after, .new_filter_top .filter input[type="checkbox"]:checked+label div:after {
     content: " ";
     width:12px;
     height:12px;
     margin:2px;
     background-image: url(../images/checkbox.svg);
     position: absolute;
}
 .show_all_country a{
     padding-top:10px;
     border-bottom: 1px solid #4b4b4b;
     margin-left: 10px;
}
 .filter_or {
    display: none;
    border-bottom: 1px solid #4b4b4b;
    margin-bottom: 10px;
}
 .filter_slider {
     padding-bottom:10px;
}
 .filter_slider span {
     display: block;
     text-align: center;
}
 .filter_full {
     padding-bottom: 10px;
}
 .filter_full button {
     font-size: 14px;
     padding: 0 10px;
     line-height: 30px;
     background: #282828;
     border:1px solid #464646;
     margin-right: 5px;
     border-radius: 5px;
     text-transform: none;
     margin-bottom:10px;
}
 .filter_full button:hover {
     background: #464646;
}
 .filter_full select {
     width: auto;
     display: inline-block;
     font-size: 14px;
     padding: 0 10px;
     line-height: 30px;
     background: #282828;
     border:1px solid #464646;
     margin-right: 5px;
     height: 30px;
     border-radius: 5px;
     color:#C2C2C2;
     box-shadow:none;
     cursor: pointer;
     width:150px;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     background-image: url(../images/arrow_bottom.svg);
     background-repeat: no-repeat, repeat;
     background-position: right 10px top 50%, 0 0;
     background-size: 12px auto, 100%;
     text-transform: none;
}
 .filter_full .active {
     color: #398273 !important;
}
 .filter_input input{
     padding-left:40px;
     font-size: 14px;
	 background: #242424;
}
 .filter_input div{
     content: " ";
     width: 16px;
     height: 16px;
     margin: 12px;
     background-image: url(../images/search.svg);
     position: absolute;
}
 .filter_result {
     max-height: 200px;
     overflow-y: auto;
}
 .filter_result div {
     background: #181818;
     line-height: 40px;
     padding:0 10px 0 40px;
     font-size: 14px;
}
 .filter_result span{
     color:#398273;
}
 .filter_result .search_actor, .filter_result .search_director{
     cursor: pointer;
}
 .filter_select {
     margin-top:10px;
}
 .filter_result .search_actor:hover, .filter_result .search_director:hover{
     color:#fff;
     background: #398273;
}
 .filter_result .search_actor:hover span, .filter_result .search_director:hover span{
     color:#fff;
}
 .new_filter_state {
     padding:0 0 20px 0;
     font-size:14px;
}
 .new_filter_state div {
     display: inline-block;
     padding:10px;
}

.new_filter_state .icon, .new_filter_state .icon div {
    padding:0;
}
/*
.new_filter_state div:first-child {
    padding:10px 10px 10px 0;
}*/
.new_filter_state .new_filter_reset {
        line-height: 20px;
}
.new_filter_state .new_filter_reset .icon{
    vertical-align: top;
}

 .new_filter_state span {
     color: #54B4A0;
     margin-left:5px;
}
}
 .filter_header {
     color: #398273;
}
 #new_filter{
     background: #1f1f1f;
     border-radius: 5px;
	 border: 1px solid #0F0F0F;
	 font-size: 16px;
     height: 40px;
     line-height: 40px;
     padding: 0 10px;
     cursor: pointer;
     display: inline-block;
     color:#A6A6A6;
     user-select: none;
     margin:0 5px;
}
#new_filter.active {
    background: #398273;
	 color:#E5E5E5;
}
 #new_filter:hover {
     background: #2D2D2D;

}
 #new_sorting {
     background: #1f1f1f;
     border-radius: 5px;
     font-size: 16px;
     height: 40px;
     line-height: 40px;
     padding: 0 10px;
     cursor: pointer;
     display: inline-block;
     color:#c2c2c2;
     position: relative;
     user-select: none;
     margin:0 0 0 5px;
}
 #new_sorting:after {
     content: " ";
     background-image: url(../images/arrow_bottom.svg);
     display: block;
     height: 14px;
     width: 14px;
     float: right;
     margin-top:13px;
     margin-left:15px;
}
 #new_sorting.active {
     background: #2d2d2d;
     border-radius: 5px 5px 0 0;
     #border-bottom: 1px solid #4b4b4b;
}
 #new_sorting.active:after {
     background-image: url(../images/arrow_top.svg);
}
 #new_sorting:hover {
     background: #2d2d2d;
}
 #new_sorting .sort_header{
     display: inline-block;
     color:#a8a8a8;
}
 #new_sorting span {
     margin-left:10px;
}
 #new_sorting .icon_asc,
 .new_filter_state .icon_asc {
     background-image: url(../images/asc.svg);
     display: inline-block;
     vertical-align: top;
     height: 14px;
     width: 14px;
     /*margin-top: 14px;*/
     margin-left: 5px;
	 opacity: 0.8;
}
 #new_sorting .icon_desc,
 .new_filter_state .icon_desc {
     background-image: url(../images/desc.svg);
     display: inline-block;
     vertical-align: top;
     height: 14px;
     width: 14px;
     /*margin-top: 14px;*/
     margin-left: 5px;
	 opacity: 0.8;
}
#new_sorting .list .icon_asc,
#new_sorting .list .icon_desc {
    margin-top: 14px;
}
 #new_sorting_list {
     position: absolute;
     top: 100%;
     right:0;
     width: 100%;
     background: #2d2d2d;
     border-radius: 0 0 5px 5px;
     z-index: 10;
     display: none;
}
 #new_sorting_list.active {
     display: block;
}
 #new_sorting_list .list{
     display: block;
     padding: 0 40px;
     text-align: right;
}
 #new_sorting_list .list:hover {
     background: #398273;
     color:#fff;
}
 #new_sorting_list .list.active {
     display: none;
}
 #filter_mobile {
     position: fixed;
     top: 0px;
     bottom: 0px;
     width: 100%;
     background: #181818;
     display: none;
     left: 0;
     right: 0;
     z-index: 200;
     overflow-y: auto;
}
 #filter_mobile.active {
     padding: 60px 20px 120px 20px;
}
 #filter_mobile.active, #filter_mobile_top.active, #filter_mobile_bottom.active{
     display: block;
}
 #filter_mobile_top {
     line-height: 60px;
     font-size: 24px;
     position: fixed;
     top: 0px;
     z-index: 997;
     background: #181818;
     width: 100%;
     left: 0;
     padding: 0 10px;
     border-bottom:1px solid #4b4b4b;
     display: none;
}
 #filter_mobile_close {
     cursor: pointer;
     display: block;
     position: fixed;
     z-index: 999;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-size: 18px;
     border-radius: 5px;
     background-color: #BD0B0B;
     color: #fff;
     transition: top .4s, opacity .4s;
     right: 18px;
     top: 10px;
}
 #filter_mobile_bottom {
     bottom:0;
     left:0;
     width: 100%;
     position: fixed;
     padding:10px;
     background: #181818;
     border-top:1px solid #4b4b4b;
     z-index: 997;
     display: none;
}
 #filter_mobile_bottom .new_filter_submit{
     width: 100%;
     text-align: center;
}
 #filter_mobile_bottom .new_filter_reset{
     width: 100%;
     margin-left: 0;
     padding-top:20px;
     display: none;
}
#filter_mobile_bottom .new_filter_reset.active{
    display: block;
}
 @media screen and (min-width:760px){
     .new_filter_top .block.category .filter{
         width: 33%;
    }
     .new_filter_top .button {
         margin: 0 5px 0 0;;
         height: 40px;
        line-height: 40px;
    }

     .new_filter_top .cell:last-child .button {
         margin-right: 0;
     }

     .new_filter_top .block .bottom_row {
         display: block;
    }
     .new_filter_top .block {
         position: absolute;
    }
     #filter_mobile {
         overflow-y: unset;
         display: block;
         position: inherit;
    }
     #filter_mobile.active {
         padding: 0;
    }
     .new_filter_top .cell {
         display: inline-block;
    }
     .new_filter_top .filter {
         width: 50%;
    }
    .new_filter_top .button:after {
           height: 14px;
     width: 14px;
     margin-top:13px;

    }
    .new_filter_top .button {
        font-size: 16px;
    }
}
 @media screen and (min-width:1300px){
     .new_filter_row {
         display: table-row;
    }
     .new_filter_top .cell {
         display: table-cell;
    }
     .new_filter_top .button:after {
         margin-left:0;
    }
     .new_filter_top .block.category, .new_filter_top .block.year, .new_filter_top .block.imdb, .new_filter_top .block.rating{
         right: auto;
         width: 500px;

    }
     .new_filter_top .block.translation, .new_filter_top .block.actor, .new_filter_top .block.director{
         width: 500px;
    }
     .new_filter_top .filter {
         width:20%;
    }
}