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; } 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 {} body, input, button, textarea {  font-family: "Roboto", sans-serif; font-weight:400;} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
body a { color: #7f7e79; text-decoration:none;}*, *:before, *:after {box-sizing: border-box;}
body {background: #181917; color: #fff;}
.head__row {background:#121311; background: rgb(18,19,17);
background: linear-gradient(0deg, rgba(18,19,17,1) 0%, rgba(39,41,37,1) 100%); border:1px solid #30302f; max-width:1320px; margin:20px auto;}
	.head__inner {display:flex; align-items:center;    justify-content: space-between; padding:5px;}
	.logo {padding-left:15px;}
	.logo a {display:flex;color:#cce848; font-weight:bold; font-size:25px;}
	.logo a strong {color:#e94537; padding-right: 5px;}
	.navigation {display:flex; align-items:center;}
	.navigation a {padding:0 25px; color:#fff; font-size:16px; line-height:40px; display:flex; align-items:center;}
	.navigation a svg {color:#fff; width:18px; height:18px; margin-right:5px; min-width:18px;}
	.navigation a:nth-child(2) {border-left:1px solid #30302f; border-right:1px solid #30302f;}
	.navigation a.select svg,
	.navigation a:hover svg,
	.navigation a.select,
	.navigation a:hover {color:#cce848;}
	.search__cell {border-left:1px solid #30302f; position:relative;} 
	.search__cell input {color:#fff; font-size:16px; padding:0 20px; background:none; border:0;  line-height:40px; box-sizing: border-box; width:100%; min-width:240px;}
	.search__cell input::placeholder {color:#7f7e79;}
	.search__cell button:focus,
	.search__cell input:focus {outline:none;}
	.search__cell button {width:40px; height:40px; position:absolute; right:0; top:0; cursor:pointer; border:0; background:url('../images/search.svg') center/19px no-repeat;}

.content__section {max-width:1320px; margin-left:auto; margin-right:auto;}
	.content__header {position:relative; margin-bottom:15px;}
	.content__header:before{content:''; display:inline-block; position:absolute; left:0; top:0; width:100%; height:53%; border-bottom:1px solid #30302f; z-index:1;}
	.content__header h3,
	.content__header h2,
	.content__header h1 {display:inline-block; background:#181917; position:relative; z-index:2; padding-right:15px;}
	.content__header h3 span,
	.content__header h2 span,
	.content__header h1 span {color:#cce848;}	
	.container__title h3 span,
	.container__title h2 span,
	.container__title h1 span {color:#cce848;}	
.videos__holder {display:flex; flex-wrap:wrap; margin:0 -5px;}
	.video__thumb {width:20%;}
		.thumb__body {display:flex; flex-flow:column;border:1px solid #30302f; background-color: #0c0d0c; border-top:0; padding:3px; position:relative;margin:4px;}
		.thumb__body:before {content:''; display:inline-block; position:absolute; left:-1px; top:-1px; right:-1px; height:100%; background: rgb(24,25,23);
background: linear-gradient(0deg, rgba(24,25,23,0) 0%, rgba(24,25,23,1) 100%); z-index:1; width:calc(100% + 2px);}
			.image__load {position:relative; overflow:hidden; width:100%; padding-top:75%; background:#0f100e; z-index:3;}
			.image__load img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; z-index:2;}
			.image__load .duration {position: absolute; bottom: 5px; right: 5px; color: #fff; font-size: 12px; line-height: 16px; padding: 1px 5px; background: rgba( 0, 0, 0, .7); -webkit-border-radius: 2px; border-radius: 2px; z-index: 3;}
			.thumb__info {display:flex;  justify-content: space-between; position:relative; z-index:2; width:100%; padding-top:5px;}
			.info__left {display:flex; flex-flow:column; flex:1; width:calc(100% - 13px);}
			.thumb__name {font-size:15px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; color:#fff;}
.videos__holder.categories .thumb__info {padding:8px; justify-content: center;}
.videos__holder.categories .thumb__name {text-align:center;margin-bottom:0;}
.thumb__body:hover .thumb__name {color:#e94537;}
			.thumb__labels {display:inline-flex; font-size:13px; font-weight:400;}
			.thumb__labels span {margin-left:2px;}
.rating-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}

.rating-inline .thumb {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  transition: filter 0.2s ease, transform 0.15s ease;
}

.rating-inline .thumb.up {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234caf50' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h4V9H1v12zM23 10c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 2 7.59 8.59C7.22 8.95 7 9.45 7 10v9c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z'/%3E%3C/svg%3E");
margin-right: 0;
}

.rating-inline .thumb.down {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' viewBox='0 0 24 24'%3E%3Cpath d='M15 3H6c-.83 0-1.54.5-1.84 1.22L1.14 11.27c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 22l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z'/%3E%3C/svg%3E");
margin-right: 0;
}

.rating-inline .percent {
  color: #9c9c99;
  font-weight: 600;
  line-height: 1;
}

.rating-inline:hover .percent { color: #c1c1be; }
		.thumb__rate {position:relative; overflow:hidden; min-width:3px; width:3px; height:33px; background:#30302f; margin-left:10px;}
			.thumb__rate span {position:absolute; left:0; bottom:0; right:0; width:100%; background:#cce848;}
.pager__list{display:flex;margin:20px 0;}
.pager__list li {padding: 0 3px 0 0;}
.pager__list li a {background: rgb(18,19,17);
background: linear-gradient(0deg, rgba(18,19,17,1) 0%, rgba(39,41,37,1) 100%); border:1px solid #30302f; display:flex; align-items: center; justify-content: center; position:relative; overflow:hidden;}
.container__title:before,
.pager__list li a:before {content:''; display:inline-block; position:absolute; right:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px);background: rgb(24,25,23);
background: linear-gradient(11deg, rgba(24,25,23,0) 0%, rgba(24,25,23,1) 100%);z-index:1;}
.pager__list li a span {position:relative; z-index:2;padding:12px 10px; font-size:15px; color:#fff; min-width:45px; text-align:center;}
.pager__list li.select a,
.pager__list li a:hover {border:1px solid #cce848; }
.pager__list li.select a span,
.pager__list li a:hover span {color:#cce848;}
.container__box {display:flex; flex-flow:column;}
	.container__title {background: #121311; background: rgb(18, 19, 17); background: linear-gradient(0deg, rgba(18, 19, 17, 1) 0%, rgba(39, 41, 37, 1) 100%); border: 1px solid #30302f; position:relative; overflow:hidden; padding:12px 20px; margin-top: 5px;}
	.container__title h2 {position:relative; z-index:2; color:#e94537; font-weight:bold; text-transform:uppercase;}
.container__article {position:relative; overflow:hidden;border:1px solid #30302f; border-top:0; padding:20px;}
.container__article ul {display:flex; flex-wrap:wrap;}
.container__article ul li {margin:0 12px 12px 0;}
.container__article ul li a {display:flex; align-items:center; font-size:17px;}
.container__article ul li a:before {content:''; display:inline-flex; height:5px; width:5px; min-width:5px; margin-right:5px; background:red; border-radius:6px;}
.container__article ul li a:hover {color:#cce848;}
.container__article ul li a:hover:before {background:#cce848;}
.container__article ul li.more {flex:1; width:100%; min-width:100%; margin:15px 0 0 0;}
.container__article ul li.more a {color:#fff;}
.container__article ul li.more a:before {display:none;}
.toplist__article-links {display:flex; flex-wrap:wrap; gap:8px; margin:15px 0;}
.toplist__article-links a {display:inline-flex; align-items:center; padding:6px 12px; font-size:15px; color:#fff; background:#222; border:1px solid #30302f; border-radius:4px; text-decoration:none; transition:all 0.25s ease;}
.toplist__article-links a:hover {color:#cce848; border-color:#cce848;}

.final__container {display: flex; align-items: center; height: 250px; margin: 20px 0; justify-content: center; overflow: hidden; flex-wrap: wrap;}
.cell__item {display:inline-block; width:300px; height:250px; overflow:hidden; margin: 3px 3px;}
.video__section {display:flex; margin-bottom:20px;}
.video__block {display:flex; flex:1; width:100%; flex-flow:column;}
.video__addition {width:300px; margin-left:15px; overflow:hidden; min-width:300px;}
.video__sidebar{display:flex; background: #121311; background: rgb(18, 19, 17); background: linear-gradient(0deg, rgba(18, 19, 17, 1) 0%, rgba(39, 41, 37, 1) 100%); border: 1px solid #30302f;padding:10px;}
.video__rateBar {display:flex; }
	.rateButtons {display:flex; flex-flow:column;}
	.rateButtons button {height: 70px;overflow: hidden;background: url(../images/btns-rating.png) no-repeat;color: #cf9; width: 52px; border:0; padding:2px 0 0 3px; cursor:pointer; display: flex; align-content: flex-start; align-items: flex-start; justify-content: center;}
	.rateButtons button.dislike {height: 35px; text-indent: -9999px; overflow: hidden; background: url(../images/btns-rating.png) no-repeat 0 -72px;}
		.rateButtons button.like:hover {background-position: -52px 0;color: #fff;}
	.rateButtons button.dislike {height: 35px; text-indent: -9999px; overflow: hidden; background: url(../images/btns-rating.png) no-repeat 0 -72px;}
	.rateButtons button.dislike:hover {    background: url(../images/btns-rating.png) no-repeat -52px -72px;}
	.rateButtons button span {font-weight:500; font-size:19px; padding-top:10px;}
	.rateButtons button span em {font-size:11px; font-weight:300;}
	.rateButtons button:focus {outline:none;}
	.rateLine {width: 3px; height: 100%; position: relative; background: url(../images/bg-scale.png) no-repeat 0 0; margin-left:5px; max-height:108px;}
	.video__infoList { margin-left:15px;}
	.videoInfoList {display:flex; color:#a5a4a0;    justify-content: space-between;}
	.videoInfoList li {margin-right:15px;}
	.videoInfoList li:last-child {margin-right:0; font-weight:500;}
	.videoInfoList li:first-child p {margin-bottom:8px; white-space:nowrap;}
	.videoInfoList li p{line-height:1.5; font-size:14px; display:flex; flex-wrap:wrap;} 
	.videoInfoList li strong {display:block; margin-bottom:12px; color:#fff; font-weight:500; font-size:14px;}
	.videoInfoList li a {margin:0 4px 4px 0; color:#cce848;}
	.videoInfoList li a:after {content:','; margin-left:2px;}
	.videoInfoList li a:last-child:after {display:none;}
	.videoInfoList li a:hover {color:#e94537;}

.cams_live {margin: 0 0 10px 0; background-color: #ffffff; text-align: center; border-radius: 2px;}
.part_ar {display: block; justify-content: center; width:300px; height:100px; margin:1px auto 20px auto;}
.part_ar_middle {display: block; justify-content: center; width:300px; height:auto; margin:5px auto 10px auto;}
.part_ar_desk {display: block; justify-content: center; align-items: center; width: 728px; height: 100px; margin: 15px auto 20px auto;}

.responsive-overlay {width: 100%; height: clamp(32px, 5vw, 38px); background: black; z-index: 2; display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; overflow: hidden; justify-content: center; text-align: center;}
.overlay-text {font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; line-height: 18px;}
.overlay-text a {color: inherit; text-decoration: none; font-weight: bold; transition: opacity 0.3s ease;}
.overlay-text a:hover {opacity: 0.7; text-decoration: underline;}
.toplinks-gv {display: flex; flex-wrap: nowrap; overflow: hidden; gap: 10px; list-style: none; padding: 0; margin: 0; max-width: 100%;}
.toplinks-gv li {flex: 0 0 auto;}
.toplinks-gv a {display: inline-block; color: #fff; padding: 6px 12px; font-size: 13px; font-weight: bold; white-space: nowrap; text-decoration: none; transition: all 0.3s ease; max-width: 100%; overflow: hidden; text-overflow: ellipsis;}
.toplinks-gv a:hover {transform: scale(1.05); box-shadow: 0 0 12px rgba(255, 255, 255, 0.3); opacity: 0.95;}
.footer-seo-gv {
  max-width: 1200px;
  margin: 40px auto 20px;
  padding: 20px;
  color: #fff;
  background: #181917;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  border-radius: 10px;
}
.footer-seo-gv p { margin: 10px 0; }
.footer-seo-gv strong { color: #c9f46c; font-weight: 700; }
footer {padding-top:40px;}
.footer__adv {display:flex; flex-flow:column;}
.footer__adv {flex-wrap:wrap; align-items: center;}
.footer__adv a {display:inline-flex; margin:0 8px 8px 0; font-size:14px; color: #fff;}
.footer__adv a:hover {color:#7f7e79;}
.footer__adv p {line-height:1.3; font-weight:300; font-size:13px; margin:8px 0 12px 0;}
.footer__adv p a:hover {color:#7f7e79;}
.footer__article {display:flex; flex-flow:column; padding:20px 10px; position:relative; border-top:1px solid #30302f;     align-items: center;}
.footer__article .logo {margin-bottom:20px;}
.footer__article:before {content:''; display:inline-block; position:absolute; left:0; top:-1px; height:1px; background: rgb(24,25,23); background: linear-gradient(-90deg, rgba(24,25,23,0) 0%, rgba(24,25,23,1) 100%); width:35%;}
.footer__article:after {content:''; display:inline-block; position:absolute; right:0; top:-1px; height:1px; background: rgb(24,25,23);
background: linear-gradient(90deg, rgba(24,25,23,0) 0%, rgba(24,25,23,1) 100%); width:35%;}
.footer__article nav {display:flex; align-items:center; margin-bottom:15px;}
.footer__article nav a {margin:6px; color:#fff; font-size:15px;} 
.footer__article nav a:hover {color:#cce848;}
.copyright {font-size:13px; line-height:1.3; color:#7f7e79;}
 
@media screen and (max-width:1340px) {
.head__row {margin-left:10px; margin-right:10px;}
.content__section {padding-left:10px; padding-right:10px;}
}
@media screen and (max-width:1160px) {
.video__thumb {width:25%;}
}	
@media screen and (max-width:960px) {
	.video__section {flex-flow:column;}
	.video__addition {width:100%; margin:20px 0; display: flex; justify-content: center; overflow:hidden; height:250px; flex-wrap:wrap;}
}
@media screen and (max-width:900px) {
	.head__inner {flex-flow:column;}
	.search__cell{border-left:0; width:100%;}
	.navigation {width:100%; border-top:1px solid #30302f; border-bottom:1px solid #30302f;     justify-content: space-evenly;}
	.navigation a {width:33.33%; display: flex; justify-content: center;}
	.head__row .logo {padding:15px 0;}
	.head__inner {padding:0;}
}
@media screen and (max-width:870px) {
.video__thumb {width:33.33%;}
}	
@media screen and (max-width:760px) {
	.videoInfoList {flex-flow:column;}
	.videoInfoList li {margin:0 0 15px 0;}
	.video__infoList {margin-left:15px;}
	.videoInfoList li:first-child {display:flex;}
	.videoInfoList li:first-child p {margin-bottom:0; justify-content: space-between; margin-right: 5px;}
	.videoInfoList li {margin-bottom:8px;}
	.copyright {text-align:center;}
}
@media screen and (max-width:580px) {
.video__thumb {width:50%;}
}	
@media screen and (max-width:480px) {
	.toplinks-gv a {padding: 2px 4px; gap: 5px; font-size: 11px; font-weight: normal;}
	.responsive-overlay {height: 20px;}
}
@media screen and (max-width:330px) {
 	.video__thumb {width:100%; margin-left:0; margin-right:0;}
}