html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
 display:block
}
body {
 line-height:1;
 font-family:Sans-serif
}
ol,ul {
 list-style:none;
}
blockquote,q {
 quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
 content:'';
 content:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
a:hover {
 border:0
}
body,input,button,textarea {
 font-family:montserrat,sans-serif
}
input {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
@font-face {
 font-family:fontello;
 src:url(../css/fontello.eot);
 src:url(../css/fontello.eot) format('embedded-opentype'),url(../css/fontello.woff2) format('woff2'),url(../css/fontello.woff) format('woff'),url(../css/fontello.ttf) format('truetype'),url(../css/fontello.svg#fontello) format('svg');
 font-weight:400;
 font-style:normal
}
body {
 background:#282631;
 color:rgba(255,255,255,.6)
}
body a {
 color:#999
}
header {
 background:#000;
 text-align:left;
}
header div:after {
 clear:both;
 display:block;
 content:''
}
a.logotype {
 display:inline-block;
 float:left;
 font-weight:700;
 color:#fff;
 text-decoration:none;
 font-size:22px;
 text-transform:uppercase;
 line-height:50px;
 margin-left: 5px;
}
a.logotype strong {
 color:#999
}
header form {
 display:inline-block;
 margin-top:7px;
 min-width:400px;
 position:relative;
 float:right;
 margin-left:50px
}
header form input {
 background:#111;
 width:-webkit-calc(100% - 10px);
 width:-moz-calc(100% - 10px);
 width:calc(100% - 10px);
 line-height:35px;
 border:1px solid #333;
 #padding-left:10px;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 color:#fff
}
header form input:focus {
 outline:none;
 border-color:rgba(255,255,255,.1)
}
header form input::-webkit-input-placeholder {
 color:#8a8d92
}
header form input::-moz-placeholder {
 color:#8a8d92
}
header form input:-ms-input-placeholder {
 color:#8a8d92
}
header form input:-moz-placeholder {
 color:#8a8d92
}
header form button {
 width:39px;
 height:39px;
 position:absolute;
 right:0;
 top:0;
 line-height:39px;
 text-align:center;
 background:0 0;
 border:0;
 cursor:pointer;
 color:#fff
}
header form button:hover {
 color:#999
}
header form button:before {
 font-family:fontello;
 content:'\e800'
}
header nav {
 display:inline-block;
 #float:right
}
header nav a {
 display:inline-block;
 line-height:35px;
 text-decoration:none;
 color:#fff;
 font-size:12px;
 font-weight:600;
 text-transform:uppercase;
 padding:0 15px 0 8px;
 #float:right
}
header nav a i {
 display:inline-block
}
.content_area ul li .item .tools_holder .view:before,.content_area ul li .item .tools_holder .duration:before,header nav a i:before {
 font-family:fontello;
 font-weight:400;
 display:inline-block;
 padding:8px
}
header nav a i.categories:before {
 content:'\e806'
}
header nav a i.videos:before {
 content:'\e807'
}
header nav a.check,header nav a:hover {
 background:rgba(255,255,255,.03)
}
header nav a.check i,header nav a:hover i {
 color:#999
}
.content_area {
 margin:5px
}
.content_area ul {
 margin:0 -4px
}
.content_area ul:after {
 content:'';
 display:block;
 clear:both
}
.content_area ul li {
 display:inline-block;
 #float:left;
 width:25%;
}
.content_area ul li .item {
 margin:4px
}
.content_area ul li .item a {
 text-decoration:none
}
.content_area ul li .item div {
 padding:8px;
 background:rgba(255,255,255,.03);
 -webkit-border-bottom-right-radius:2px;
 -webkit-border-bottom-left-radius:2px;
 -moz-border-radius-bottomright:2px;
 -moz-border-radius-bottomleft:2px;
 border-bottom-right-radius:2px;
 border-bottom-left-radius:2px;
 transition:all 300ms ease-in-out 0s
}
.content_area ul li:hover .item div {
 background:rgba(255,255,255,.1)
}
.content_area ul li .item .picture {
 overflow:hidden;
 -webkit-border-top-left-radius:2px;
 -webkit-border-top-right-radius:2px;
 -moz-border-radius-topleft:2px;
 -moz-border-radius-topright:2px;
 border-top-left-radius:2px;
 border-top-right-radius:2px;
 display:block;
 position:relative
}
.content_area ul li .item .picture .layer {
 width:100%;
 height:auto;
 position:static
}
.content_area ul li .item .picture .amount {
 position:absolute;
 right:10px;
 bottom:6px;
 color:#fff;
 background:rgba(39,35,58,.9);
 font-size:10px;
 padding:6px;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 z-index:3;
 transition:all 300ms ease-in-out 0s
}
.content_area ul li .item:hover .picture .amount {
 right:-50px
}
.content_area ul li .item .picture img {
 vertical-align:bottom;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 display:block
}
.content_area ul li .item .title {
 display:block;
 font-size:13px;
 line-height:1.3;
 #font-weight:600;
 display:block;
 overflow:hidden;
 height:20px;
 color:#fff;
 white-space:nowrap;
 text-overflow:ellipsis
}
.content_area ul li .item .tools_holder {
 font-size:12px;
 display:block;
 color:rgba(255,255,255,.8);
 height:40px;
 overflow:hidden;
 text-overflow:ellipsis;
 margin-top:5px
}
.content_area ul li .item .tools_holder a {
 display:inline-block;
 margin:4px 6px;
 text-overflow:ellipsis
}
.content_area ul li .item .tools_holder:after {
 content:'';
 display:block;
 clear:both
}
.content_area ul li .item .tools_holder .time {
 ##float:left;
 font-weight:400
}
.content_area ul li .item .tools_holder .view {
}
.content_area ul li .item .tools_holder .view,.content_area ul li .item .tools_holder .duration {
 display:inline-block;
 ##float:right;
 margin-left:10px
}
.content_area ul li .item .tools_holder .view:before {
 content:'\e80d'
}
.content_area ul li .item .tools_holder .view:before,.content_area ul li .item .tools_holder .duration:before {
 padding:0 5px 0 0
}
.content_area ul li .item .tools_holder .duration:before {
 content:'\e80e'
}
.content_area ul li:hover .item .tools_holder .duration {
 color:#fff
}
.bottom_line,.headline {
 margin:5px
}
.bottom_line:after,.video_item:after,.video_item .player .navigation:after,.headline:after {
 content:'';
 display:block;
 clear:both
}

 .video_item .player .navigation  span,  .video_item .player .navigation  span a{
 display:inline-block; margin:2px;
 font-size:14px;
 
 }

.bottom_line h2,.headline h1 {
 color:#fff;
 font-weight:600;
 text-transform:uppercase;
 display:inline-block;
 #float:left;
 width: auto;
 margin: 5px;
}
.headline .sorting {
float: right;
display: inline-block;
width: auto;

margin-right: 0px;
}
.headline .sorting  .popular {display:inline-block; font-size:14px; padding:10px; width:70px; text-align:center; background-color:#222;margin:5px;}
.headline .sorting  .new {display:inline-block; font-size:14px; padding:10px; width:70px; text-align:center;background-color:#222;margin:5px;}

.headline .sort {
 display:inline-block;
 #float:right;
 position:relative;
 height:40px;
 z-index:10;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 border:1px solid rgba(255,255,255,.1)
}
.headline .sort span {
 font-size:12px;
 font-weight:600;
 color:#fff;
 display:block;
 line-height:40px;
 padding:0 30px 0 12px;
 position:relative
}
.headline .sort span:after {
 content:'\e805';
 font-family:fontello;
 color:#fff;
 font-weight:400;
 position:absolute;
 right:12px;
 top:0;
 font-size:8px
}
.headline .sort ul {
 position:absolute;
 left:-1px;
 top:40px;
 background:#111;
 width:100%;
 transition:all 300ms ease-in-out 0s;
 max-height:0;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.1);
 border-top:0
}
.headline .sort:hover ul {
 max-height:300px
}
.headline .sort ul li {
}
.headline .sort ul li a {
 line-height:40px;
 text-decoration:none;
 font-size:11px;
 font-weight:600;
 display:block;
 text-transform:uppercase;
 color:#fff;
 padding-left:12px
}
.headline .sort ul li:hover a,.headline .sort ul li.select a {
 color:#999
}
.headline .sort ul li.select a {
 position:relative
}
.headline .sort ul li.select a:before {
 border-left:3px solid #999;
 content:'';
 display:inline-block;
 width:1px;
 height:100%;
 position:absolute;
 left:-1px;
 top:0
}
.page-navigation {
 text-align:center;
 margin:20px 0
}
.page-navigation a {
 display:inline-block;
 margin:10px;
 position:relative;
 text-decoration:none;
 font-size:12px;
 line-height:35px;
 padding:0 12px;
 border:1px solid rgba(255,255,255,.07);
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 min-width:25px;
 color:#fff
}
.page-navigation a:hover,.page-navigation a.select {
 color:#fff;
 border-color:#999;
 background:#999
}
.page-navigation a.next {
 #float:right
}
.page-navigation a.before {
 #float:left
}
.page-navigation a.next:after {
 content:'\e802';
 margin-left:5px;
 margin-right:4px
}
.page-navigation a.before:before {
 content:'\e803';
 margin-right:4px
}
.page-navigation a.next:after,.page-navigation a.before:before {
 font-family:fontello
}
.bottom_block {
 text-align:center;
 height:252px;
 overflow:hidden;
 margin:15px 0
}
.video_item .sidebar a,.bottom_block a {
 display:inline-block;
 width:300px;
 height:250px;
 background:rgba(255,255,255,.05);
 border:1px solid rgba(255,255,255,.1);
 vertical-align: top;
}
footer {
 padding-top:10px;
 border-top:1px solid rgba(255,255,255,.1);
 margin-top:25px;
 padding-bottom:20px
}
footer div {
 text-align:center
}
footer div p {
}
footer div p a {
 font-size:11px;
 line-height:40px;
 display:inline-block;
 text-decoration:none;
 color:#fff;
 margin:0 10px
}
footer div p a:hover {
 color:#999
}
footer div small {
 display:block;
 font-size:11px
}
.video_item {
 margin-top:2px
}
.video_item .player {
 display:inline-block;
 #float:left;
 width:-webkit-calc(100% - 320px);
 width:-moz-calc(100% - 320px);
 width:calc(100% - 320px)
}
.video_item .player .navigation {
 padding-top:5px
}
.video_item .player .navigation .rate_this {
 display:inline-block;
 line-height:35px;
 #float:left
}
.video_item .player .navigation .rate_this span {
 color:#fff;
 line-height:35px;
 display:inline-block;
 font-size:12px;
 color:#fff;
 padding:0 20px;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 font-weight:600
}
.video_item .player .navigation .fav i:before,.video_item .player .navigation .duration i:before,.video_item .player .navigation .views i:before,.video_item .player .navigation i:before {
 font-family:fontello;
 margin-right:6px;
 display:inline-block
}
.video_item .player .navigation .procents {
}
.video_item .player .navigation .rate_this .like i:before {
 content:'\e809'
}
.video_item .player .navigation .rate_this .dislike i:before {
 content:'\e808'
}
.video_item .player .navigation .fav,.video_item .player .navigation .duration,.video_item .player .navigation .views,.video_item .player .navigation .add {
 display:inline-block;
 #float:right;
 line-height:35px;
 border:1px solid rgba(255,255,255,.1);
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 padding:0 12px;
 font-size:10px;
 font-weight:600;
 color:#fff;
 margin-left:8px
}
.video_item .player .navigation .duration i:before {
 content:'\e80e'
}
.video_item .player .navigation .views i:before {
 content:'\e80d'
}
.video_item .player .navigation .fav i:before {
 content:'\e80a'
}
.video_item .player p {
 line-height:1.4;
 font-size:11px;
 margin-top:10px
}
.video_item .player p a:hover {
 text-decoration:none
}
.video_item .player .video {
 position:relative;
 zoom:1;
 width:100%;
 background-color:#000;
}
.video_item .player .video iframe, .video img {
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 #float:none;
 overflow:hidden;
 cursor: pointer;
}
.video_item .sidebar {
 display:inline-block;
 #float:right;
 width:310px;
 vertical-align: top;
}
.listing_block {
	
	margin:5px;
	margin-left: auto;
margin-right: auto;
	}
.listing_block ul
{
margin: 5px 0 5px 0;
column-width: 150px;
column-gap: 5px;
display: block;
  
}
.listing_block_search {
	
	margin:5px;
	margin-left: auto;
margin-right: auto;
}
.listing_block  .title_list {
 display:block;
 text-transform:uppercase;
 font-weight:600;
 color:#fff;
 margin:5px
}
.listing_block_search  .title_list {
 display:block;
 text-transform:uppercase;
 font-weight:600;
 color:#fff;
 margin:5px
}
.listing_block .listing_block_search ul {
 margin:10px 5px
}
...listing_block ul li {
 display:inline-block;
 width:200px;
 overflow: hidden;
height: 30px;
white-space: nowrap;
text-overflow: ellipsis;


}
.listing_block_search ul li {
 display:inline-block;
 ##float:left;
 #width:200px;
 overflow: hidden;
height: 30px;
white-space: nowrap;
text-overflow: ellipsis;
margin: 3px;
}
.listing_block_search ul li a {
 font-size:15px;
 text-decoration:none;
 #border-bottom:1px dotted rgba(255,255,255,.6);
 border-bottom-color:rgba(255,255,255,.6);
 color:rgba(255,255,255,.6);
 line-height:30px;
 text-transform:capitalize;
 padding: 5px 7px;
background-color: #2f2d37;
}
.listing_block ul li a {
 font-size:15px;
 text-decoration:none;
 #border-bottom:1px dotted rgba(255,255,255,.6);
 border-bottom-color:rgba(255,255,255,.6);
 color:rgba(255,255,255,.6);
 line-height:30px;
 text-transform:capitalize;
 padding: 5px 7px;

}
.listing_block.site_list ul li a {
 display:inline-block;
 padding-left:5px;
 padding-right:5px;
 border:1px solid rgba(255,255,255,.1);
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px
}
.listing_block.site_list ul li {
 width:auto;
 margin:0 6px 6px 0
}
.listing_block.site_list ul li a:hover {
 border-color:#999;
 color:#fff;
 background:#999
}
.listing_block .listing_block_search ul li a:hover {
 border-color:transparent;
 color:#999
}
.listing_block .listing_block_search ul li a small {
 display:inline-block;
 #float:right;
 font-size:10px;
 padding-right:8px
}
.listing_block .listing_block_search ul li:hover a small {
 color:rgba(255,255,255,.9)
}
.listing_block .listing_block_search ul:after {
 content:'';
 display:block;
 clear:both
}
@-webkit-keyframes fadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes fadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@media screen and (min-width:1640px) {
 header div,.headline,.bottom_line,footer div,.video_item,.listing_block,.listing_block_search,.content_area {
  max-width:1634px;
  margin-left:auto;
  margin-right:auto
 }
}

@media screen and (max-width:1400px) {
 .content_area ul li {
  width:33.3%
 }
 .video_item .sidebar,.video_item .player {
  width:100%;
  #float:none;
  display:block
 }
 .video_item .sidebar {
  overflow:hidden;
  text-align:center;
  margin:5px 0
 }
}
@media screen and (max-width:860px) {
 header form {
  width:-webkit-calc(100% - 420px);
  width:-moz-calc(100% - 420px);
  width:calc(100% - 420px);
  min-width:0
 }
}
@media screen and (max-width:740px) {
 .listing_block_search ul li {
  #width:30%
 }
  .listing_block ul li {
  width:30%
 }
}
@media screen and (max-width:880px) {
 a.logotype {
  display:block;
  line-height:40px;
  #float:none;
  text-align:center;
 }
 header nav {
  position:absolute;
  right:0;
  top:0
 }
 header nav a {
  line-height:24px
 }
 header form {
  width:100%
 }
 header form {
  margin-left:0;
  margin-top:0;
 }
}
@media screen and (max-width:880px) {
 .content_area ul li {
  width:50%
 }
}
@media screen and (max-width:620px) {
 .video_item .player .navigation {
  text-align:center
 }
 .video_item .player .navigation .rate_this {
  display:block;
  #float:none;
  width:100%;
  margin-bottom:10px
 }
 .video_item .player .navigation .fav,.video_item .player .navigation .duration,.video_item .player .navigation .views,.video_item .player .navigation .add {
  #float:none
 }
}
@media screen and (max-width:520px) {
 .headline .sort,.headline h1 {
  display:inline-block;
  #float:none
 }
 .headline .sort {
  margin-top:10px
 }
}
@media screen and (max-width:520px) {
 a.logotype {
  display:block;
  #float:none;
  text-align:center
 }
 header nav {
  top:38px;
  left:0
 }
 header nav:after {
  content:'';
  display:block;
  clear:both
 }
 header nav a {
  margin-left:0;
  #width:-webkit-calc(50%-23px);
  #width:-moz-calc(50%-23px);
  #width:calc(50%-23px);
  #float:left
 }
}
@media screen and (max-width:520px) {
 .content_area ul li {
  display:block;
  width:100%;
  #float:none
 }
}
.content_area ul li .item a {
 display:block
}
.content_area ul li .item .picture {
 position:relative;
 background:#3e3c46 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-image'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E") center/18px no-repeat;
 padding-top:50%;
 overflow:hidden
}
.content_area ul li .item .picture .layer {
 position:absolute
}
.content_area ul li .item .picture img {
 object-fit:cover
}