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('../font/fontello.eot');
  src: url('../font/fontello.eot#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2') format('woff2'),
       url('../font/fontello.woff') format('woff'),
       url('../font/fontello.ttf') format('truetype'),
       url('../font/fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg#fontello') format('svg');
  }
}
*/

body {background:#1e1f24; color:#5f6775;}
body a {color:#2ed297;}

 
header{background:#16161c; text-align:center;}  
header div {padding-left:15px; padding-right:15px;}  
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;} 
a.logotype strong {color:#2ed297;}
header form {display:inline-block; margin-top:7px; min-width:400px; position:relative; float:left; margin-left:50px;}
header form input {background:#2c2e34; width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); line-height:35px;border:1px solid #2c2e34; 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 { /* Chrome/Opera/Safari */
  color: #8a8d92;
}
header form input::-moz-placeholder { /* Firefox 19+ */
  color: #8a8d92;
}
header form input:-ms-input-placeholder { /* IE 10+ */
  color: #8a8d92;
}
header form input:-moz-placeholder { /* Firefox 18- */
  color: #8a8d92;
}
header form button {width:39px; height:39px; position:absolute; right:0; top:0; line-height:39px; text-align:center; background:none; border:0; cursor:pointer;  color:#fff;}
header form button:hover {color:#2ed297;}
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:normal; 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(0,0,0,.2); }
header nav a.check i,
header nav a:hover i{color:#2ed297;}

.content_area {margin:10px auto;}
.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(30, 31, 36,.9); font-size:10px; padding:6px 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, .content_area ul li .item .picture iframe {width:100%; vertical-align:bottom;     transition: all 300ms ease-in-out 0s;  position:absolute; left:0; bottom:0; z-index:2;}
 
#.content_area ul li .item .picture:hover img {transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px); -webkit-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px); -ms-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);}
.content_area ul li .item .title {display:block; font-size: 13px; line-height:1.3; font-weight: 600; display: block; overflow: hidden; max-height: 34px; color: #fff; min-height: 34px; }
.content_area ul li .item .tools_holder {font-size:10px; font-weight:600; margin-top:6px; display:block; color:rgba(255,255,255,.8);}
.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:normal;}
.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-top:20px;}
.bottom_line:after,
.video_item:after,
.video_item .player .navigation:after,
.headline:after {content:''; display:block; clear:both;}
.bottom_line h2,
.headline h1 {color:#fff; font-weight:600; text-transform:uppercase; display:inline-block; float:left; margin-top:13px;}
.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:normal; position:absolute; right:12px; top:0; font-size:8px;}
.headline .sort ul {position:absolute; left:-1px; top:40px; background:#1e1f24; width:100%;  transition: all 300ms ease-in-out 0s; max-height:0px; 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:#2ed297; }
.headline .sort ul li.select a {position:relative;}
.headline .sort ul li.select a:before {border-left:3px solid #2ed297; 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; 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:#2ed297; background:#2ed297;}
.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);}

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:#2ed297;}
footer div small {display:block; font-size:11px;}

.video_item {margin-top:20px;}
.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 .rate_this span.procent {color:#2ed297;}
.video_item .player .navigation .rate_this span i:before {font-weight:normal;}
.video_item .player .navigation .rate_this .like {background:#2ed297; cursor:pointer;}
.video_item .player .navigation .rate_this .dislike {background:#ed1f28;  cursor:pointer;}
.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;#padding-bottom: 56.25%;zoom: 1;width: 100%;}
.video_item .player .video iframe {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;float: none;overflow: hidden;}
.video_item .sidebar {display:inline-block; float:right; width:300px;}

.listing_block {}
.listing_block .title_list {display:block; text-transform:uppercase; font-weight:600; color:#fff; margin-bottom:10px;}
.listing_block  ul {margin:10px 0 15px 0;}
.listing_block  ul li {display:inline-block; float:left; width:25%;}
.listing_block  ul li a {font-size:11px; text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.6); color:rgba(255,255,255,.6); line-height:25px;text-transform: capitalize; }
.listing_block.site_list ul li a{display:inline-block; padding-left:12px; padding-right:12px; 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:#2ed297; color:#fff; background:#2ed297;}
.listing_block  ul li a:hover {border-color:transparent; color:#2ed297;}
.listing_block ul li a small {display:inline-block; float:right; font-size:10px; padding-right:8px;}
.listing_block ul li:hover a small {color:rgba(255,255,255,.9);}
.listing_block ul:after  {content:''; display:block; clear:both;}

.content_area ul li .item .picture img, .content_area ul li .item .picture iframe { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } 
.content_area ul li .item .picture img, .content_area ul li .item .picture iframe { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
 


  
@media screen and (min-width: 1200px) {
	header div,
	.headline,
	.video_item,
	footer div,
	.bottom_line,
	.listing_block,
	.content_area {margin-left:auto; margin-right:auto; max-width:1200px; padding-left:0; padding-right:0;}
}
@media screen and (min-width: 1300px) {
	header div,
	.listing_block,
	.headline,
	.bottom_line,
	footer div,
	.video_item,
	.content_area { max-width:1300px; }
}

@media screen and (min-width: 1480px) {
	header div,
	.headline,
	.bottom_line,
	footer div,
	.video_item,
	.listing_block,
	.content_area { max-width:1460px; }
	.listing_block  ul li {width:16.6%;}
}
@media screen and (min-width: 1560px) {
	header div,
	.headline,
	.bottom_line,
	footer div,
	.video_item,
	.listing_block,
	.content_area { max-width:1540px; }
}
@media screen and (min-width: 1680px) {
	header div,
	.headline,
	.bottom_line,
	footer div,
	.video_item,
	.listing_block,
	.content_area { max-width:1660px; }
}
@media screen and (min-width: 1720px) {
	header div,
	.headline,
	.bottom_line,
	footer div,
	.video_item,
	.listing_block,
	.content_area { max-width:1700px; }
}
@media screen and (min-width: 1800px) {
	header div,
	.headline,
	.bottom_line,
	footer div,
	.video_item,
	.listing_block,
	.content_area { max-width:1780px; }
}
@media screen and (max-width: 1200px) {
	.headline,
	.content_area,
	footer div,
	.bottom_line,
	.video_item,
	.page-navigation,
	.listing_block,
	header div {padding-left:12px; padding-right:12px;}
}

@media screen and (max-width:1120px) {
	.content_area ul li {width:33.3%;}
}
@media screen and (max-width: 980px) {
	.video_item .sidebar,
	.video_item .player {width:100%; float:none; display:block;}
	.video_item .sidebar {overflow:hidden; #height:252px; text-align:center; margin:20px 0;}
}

@media screen and (max-width: 920px) {
	.content_area ul li {width:33.3%;}
}

@media screen and (max-width: 860px) {
	.content_area ul li {width:50%;}
	header form { width: -webkit-calc(100% - 420px); width: -moz-calc(100% - 420px); width: calc(100% - 420px); min-width:400px;}
}
@media screen and (max-width: 740px) {
	.page-navigation a {display:none;}
	.page-navigation a.before,
	.page-navigation a.next,
	.page-navigation a.select {display:inline-block;}
	.listing_block  ul li {width:33.3%;}
}
@media screen and (max-width: 720px) {
	.content_area ul li {width:50%;}
}

@media screen and (max-width: 680px) {
	a.logotype {padding-left:0; display:block; line-height:40px; float:none; text-align:left;}
	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; padding-bottom:5px;}
}

@media screen and (max-width: 640px) {
	.listing_block  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) {
			.content_area ul li  {display:block; width:100%; float:none;}
	.headline .sort,
	.headline h1 {display:block; float:none;}
	.headline .sort {margin-top:10px;}
}

 
@media screen and (max-width: 400px) {
	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;}
	header form {min-width: 200px;}
	
	
}
.content_area ul li .item .picture {padding-top: 50%;}
.content_area ul li .item .picture img, .content_area ul li .item .picture iframe {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; object-fit: cover;}