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: "Lucida Console", Monaco, monospace;}

@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;
}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

body {background:#1A3E4C; color:#676767;}
body a {color:#ffffff;}


header{border-bottom:1px solid #ffffff; text-align:center;}
header div {padding-left:15px; padding-right:15px;}
header div:after {content: '';clear:both; display:block; }
a.logotype {display:inline-block; float:left; font-weight:700; color:#ffffff; text-decoration:none; font-size:22px; text-transform:uppercase; line-height:50px;}
a.logotype i {color:#ffe0a6;}
a.logotype strong {color:#1A3E4C;}
header form {display:inline-block; margin-top:7px; min-width:400px; position:relative; float:left; margin-left:50px;}
header form input {background-color: rgba(0, 0, 0, .25); width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); line-height:35px;border:1px solid #2d2d2d;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#ffffff;}
header form input:focus {outline:none; border-color:#ffffff;}
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:#ffffff;}
header form button:hover {color:#ffffff;}
header form button:before {color: #fff;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:#ffffff; 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 {content: ''; font-weight:normal; display:inline-block;  padding:8px;}
header nav a i.categories:before {content: '';}
header nav a i.videos:before {content: ''; }
header nav a.check,
header nav a:hover {background:#ffffff;}
header nav a.check i,


.content_area {margin-top:12px;}
.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:#1A3E4C; -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 .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:#ffffff; background:#ffffff; 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 {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: #ffffff; min-height: 34px; }
.content_area ul li .item .tools_holder {font-size:10px; font-weight:600; margin-top:6px; display:block; color:#ffffff;}
.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: '';}
.content_area ul li .item .tools_holder .view:before,
.content_area ul li .item .tools_holder .duration:before {content: '';padding:0 5px 0 0;}
.content_area ul li .item .tools_holder .duration:before {content: '\e80e';font-family: 'fontello';color: #FFF;}


.bottom_line,
.headline {}
.bottom_line:after,
.video_item:after,
.video_item .player .navigation:after,
.headline:after {content: ''; display:block; clear:both;}
.bottom_line h2,
.headline h1 {color:#ffffff; font-weight:600; text-transform:uppercase; display:inline-block; float:left; margin-top:10px;}
.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 #ffffff;}
.headline .sort span {font-size:12px; font-weight:600; color:#ffffff; display:block; line-height:40px; padding:0 30px 0 12px; position:relative;}
.headline .sort span:after {content: '';   color:#ffffff; font-weight:normal; position:absolute; right:12px; top:0; font-size:8px;}
.headline .sort ul {position:absolute; left:-1px; top:40px; background:#101010; width:100%;  transition: all 300ms ease-in-out 0s; max-height:0px; overflow:hidden; border:1px solid #ffffff; 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:#ffffff; padding-left:12px;}
.headline .sort ul li:hover a,
.headline .sort ul li.select a {color:#1A3E4C; }
.headline .sort ul li.select a {position:relative;}
.headline .sort ul li.select a:before {content: '';border-left:3px solid #1A3E4C;  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 #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; min-width: 25px; color:#ffffff;margin:5px;}

.page-navigation a.next {float:right;}
.page-navigation a.before {float:left;}
.page-navigation a.next:after {content: ''; margin-left:5px; margin-right:4px;}
.page-navigation a.before:before {content: ''; margin-right:4px;}
.page-navigation a.next:after,
.page-navigation a.before:before {content: ''; }

.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:#ffffff; border:1px solid #ffffff;}

footer {padding-top:10px; border-top:1px solid #ffffff; 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:#ffffff; margin:0 10px;}

footer div small {display:block; font-size:11px;}

.video_item {}
.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:#ffffff; line-height:35px; display:inline-block; font-size:12px; color:#ffffff; 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:#ffffff;}
.video_item .player .navigation .rate_this span i:before {content: '';font-weight:normal;}
.video_item .player .navigation .rate_this .like {background:#1ec343; cursor:pointer; color:#ffffff;}
.video_item .player .navigation .rate_this .dislike {background:#ed1f28;  cursor:pointer; color:#ffffff;}
.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 {content: ''; margin-right:6px; display:inline-block;}
.video_item .player .navigation .procents {}
.video_item .player .navigation .rate_this .like i:before{content: '';}
.video_item .player .navigation .rate_this .dislike i:before{content: '';}
.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 #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 12px; font-size:10px; font-weight:600; color:#ffffff; margin-left:8px;}
.video_item .player .navigation .duration i:before {content: '';}
.video_item .player .navigation .views i:before {content: '';}
.video_item .player .navigation .fav i:before {content: '';}
.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: 52%;margin:0px -10px 0px -10px;}
.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 {margin:5px auto;}

.listing_block a {padding:3px;margin:3px;display:inline-block;}
.listing_block .title_list {display:inline-block; text-transform:uppercase; font-weight:600; color:#ffffff; 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:21px; text-decoration:none; border-bottom:1px dotted #ffffff; color:#ffffff; line-height:25px; }
.listing_block.site_list ul li a{display:inline-block; padding-left:5px; padding-right:5px; border:1px solid #ffffff; -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 ul li a small {display:inline-block; float:right; font-size:10px; padding-right:8px;}
.listing_block ul li:hover a small {color:#ffffff;}
.listing_block ul:after  { display:block; clear:both;}

.content_area ul li .item .picture img { -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 { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
header form button img {max-width: 13px;width: 100%;height: auto;display: block;margin: auto;}
.content_area ul li .item .tools_holder .duration img {padding: 0 5px 0 0;width: 10px;height: auto;}




@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:5px; padding-right:5px;}
}

@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:0px;}
}
@media screen and (max-width: 740px) {
	
	.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;}
}

@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 {margin-top:5px;}

}
.content_area ul li .item .picture {
 padding-top:50%
}
.content_area ul li .item .picture img {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 width:100%;
 height:100%;
 z-index:10;
 object-fit:cover
}
/*----------------------------*/
.fluid_video_wrapper {
  position: relative;
  padding-bottom: 50%;
  height: 0!important;
  width:100%;
}
.fluid_video_wrapper  video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ivideo img {
  width:100%;
  position:absolute;
}
.ivideo .icon {
  position: absolute;
  display: block;
  background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='60px' height='60px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cimage id='image0' width='100' height='100' x='0' y='0' href='data:image/png;base64,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' /%3E%3C/svg%3E%0A");
  height: 60px;
  width: 60px;
  top: 50%;
  left: 50%;
  background-size: 60px 60px;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}