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 { border: 0; } body, input, button, textarea {font-family: 'Montserrat', sans-serif; font-weight:300;} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
body a { color: #fff; text-decoration:none;}*, *:before, *:after {box-sizing: border-box;}
body {background:#141b1a url('../images/bglayer.png') left top no-repeat; background-size:contain;  font-family: 'Montserrat', sans-serif; color:#a0a2aa; min-height:100vh;}
.header__section {position:relative; padding:20px 0;}
.header__section:before {content:''; display:inline-block; position:absolute; left:0; bottom:0; right:0; z-index:10; height:1px; background: rgb(34,52,49);
background: linear-gradient(90deg, rgba(34,52,49,0) 0%, rgba(34,52,49,1) 100%);}
	.header__container {max-width:1320px; margin-left:auto; margin-right:auto; display:flex;     justify-content: space-evenly; align-items:center;}
		.site__logotype {display:flex; margin-right:auto;}
		.site__logotype a {display:flex; position:relative;}
		.site__logotype a span {display:inline-flex; order:2; background:#b3ee4b; color:#fff; font-size:13px; position:absolute; left:-20px; bottom:10px; padding:1px 5px 1px 3px; z-index:1; font-weight:300;}
		.site__logotype a strong {display:flex; order:1; color:#fff; font-weight:700; font-style:italic; font-size:32px; z-index:2; position:relative;}	
		.site__logotype a strong em {color:#b3ee4b;}
		.site__navigation {display:flex; margin-left:auto; margin-right:auto;}
		.site__navigation a {color:#abb6b4; font-weight:500; margin:0 8px; font-size:15px;}
		.site__navigation a.select,
		.site__navigation a:hover {color:#b3ee4b;}
		.search__section {}
		.search__section form {position:relative;}
		.search__section input {border:1px solid #223431; background:none; color:#fff; box-sizing: border-box; padding:0 50px 0 20px; font-weight:300; line-height:40px; min-width:500px;}
.search__section input::placeholder {color: #fff;opacity: 1;}
.search__section input:-ms-input-placeholder {color:#fff;}
.search__section input::-ms-input-placeholder {color:#fff;}		
		.search__section button:focus,
		.search__section input:focus {outline:none;}
		.search__section input:focus {border:1px solid #b3ee4b;}
		.search__section button {position:absolute; right:6px; top:6px; cursor:pointer; background:#b3ee4b url('../images/search.svg') center/15px no-repeat; height:30px; width:42px; border:0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.main__section {padding:25px 0;}		
	.article__section {max-width:1320px; margin-left:auto; margin-right:auto;}
	.article__header {margin-bottom:15px; text-align:center; margin-top: 10px;}
	.article__header.two__column {display:flex; align-items:center;     justify-content: space-between;}
	.video__sort {display:flex; align-items:center;}
	.video__sort span {font-weight:300; font-size:14px; margin-right:15px;}
	.sort__drop { position:relative; border:1px solid #223431; padding-right:20px; padding-left:120px; height:38px; z-index:5;}
	.sort__drop:after {content:''; display:inline-block; width:12px; height:12px; background:url('../images/drop_down.svg') center/10px no-repeat; position:absolute; right:10px; top:14px; transition: all 300ms ease-in-out 0s; z-index:3;}
	.sort__drop ul { position:absolute; left:0; top:0; overflow:hidden; background:#141b1a; display:flex; flex-flow:column; z-index:2; width:100%;}
	.sort__drop:hover ul li {display:flex;}
	.sort__drop ul li {display:none; order:2;}
	.sort__drop ul.visible li {display:flex;}
	.sort__drop ul li.select {order:1; display:flex;}
	.sort__drop ul li a {color:rgba(255,255,255,.6); text-decoration:none; display:block; line-height:36px; padding:0 10px; font-size:13px; text-align:left; transition: all 300ms ease-in-out 0s; font-weight:400;}
	.sort__drop ul li:hover a,
	.sort__drop ul li.select a {color:#fff;}
		.article__title {color:#fff; font-size:19px; font-weight:600; text-align:left;}
		.article__title span {color:#b3ee4b;}
		.article__video-group,
.article__categories-group {display:flex; flex-wrap:wrap; margin:8px -8px;}
	.video__group-item,
	.categories__item {width:20%;}
		.video__thumb,
		.categories__thumb {display:flex; flex-flow:column; text-decoration:none; margin:4px; border:1px solid #222a2a;}
		.video__thumb:hover,
		.categories__thumb:hover {border:1px solid #b3ee4b;}
		.video__thumb a.thumb__picture,
			.thumb__picture {display: block; position: relative; overflow: hidden; padding-bottom:75%;}
			.video__time-label {position:absolute; right:8px; top:8px; background:#222a2a ; z-index:3; font-weight:300; font-size:11px; font-size:13px; padding:3px 6px;}
		.video__thumb .thumb__details {padding:8px;}
		.video__thumb a img,
			.thumb__picture img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
			.video__thumb:hover .thumb__details {background:#b3ee4b;}
			.video__thumb:hover .thumb__details .video__thumb-title { color:#172f4f;}
			.thumb__details {background:#222a2a;}
				.video__thumb-title {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight:400; font-size:14px; line-height:1.3;}
 
				.categories__title {display:block; text-transform:uppercase;  color:#fff; text-align:center; font-weight:600; padding:10px;     justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-wrap:nowrap;}
				.categories__thumb:hover .categories__title{background:#b3ee4b; color:#172f4f;}
.article__pagintaion	{display:flex; align-items:center; margin:20px 0;     justify-content: center;}	
.article__pagintaion	a {min-width:35px; line-height:35px; border:1px solid #223431; background:none; text-align:center; font-weight:500; font-size:14px; margin:3px;}
.article__pagintaion	a.select,
.article__pagintaion	a:hover {border:1px solid #b3ee4b; background:#b3ee4b; color:#172f4f;}
.article__pagintaion	a.page__prev{margin:3px auto 3px 0; align-items:center; display:flex;}
.article__pagintaion	a.page__prev:before,
.article__pagintaion	a.page__next:before {content:''; display:inline-block; width:35px; height:35px; background:url('../images/left.svg') center/16px no-repeat;}
.article__pagintaion	a.page__next:before {background:url('../images/right.svg') center/16px no-repeat;}
.article__pagintaion	a.page__next {margin:3px 0 3px auto; display:flex; align-items:center;}
.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-an {display: flex; flex-wrap: nowrap; overflow: hidden; gap: 10px; list-style: none; padding: 0; margin: 0; max-width: 100%;}
.toplinks-an li {flex: 0 0 auto;}
.toplinks-an 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-an a:hover {transform: scale(1.05); box-shadow: 0 0 12px rgba(255, 255, 255, 0.3); opacity: 0.95;}
.toplist__group-list-clean {display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0;}
.toplist__group-list-clean a {display: inline-flex; align-items: center; font-size: 15px; font-weight: 400; color: #ffffff; background: #141b1a; border: 1px solid #223431; border-radius: 6px; padding: 10px 14px; text-decoration: none; transition: all 0.3s ease;}
.toplist__group-list-clean a:hover {background: #b3ee4b; border-color: #b3ee4b; color: #172f4f; transform: translateY(-2px);}

.searches__section {border-top: 1px solid #223431; border-bottom: 1px solid #223431; background: #222a2a; padding:25px 0;}
.searches__group-list {display:flex; flex-wrap:wrap; margin:10px 0;}
.searches__group-list a {border:1px solid #223431;  background:#141b1a; display:flex; align-items:center; font-weight:300; color:#fff; margin:0 5px 5px 5px; padding:8px; font-size:14px;}
.searches__group-list a:before {content:''; display:inline-flex; width:16px; height:16px; min-width:16px; background:url('../images/search_active.svg') center/12px no-repeat; margin-right:8px;}
.searches__group-list a:hover {background:#b3ee4b; border:1px solid #b3ee4b; color:#172f4f;}
.searches__group-list a:hover:before {background:url('../images/search.svg') center/12px no-repeat;}
.article__bottom {text-align:center; padding:30px 0 0 0;}
	.aside-block-desk {overflow:hidden; display:inline-flex; width:900px; height:250px;}
.article__mobile {display: flex; align-items: center; height: 250px; margin: 20px 0; justify-content: center; overflow: hidden; flex-wrap: wrap;}
.aside-block {display:inline-block; width:300px; height:250px; overflow:hidden; margin: 3px 3px;}
.live_cams {margin: 10px 0 10px 0; background-color: #ffffff; text-align: center; border-radius: 2px;}	
.part_ar {display: block; justify-content: center; width:300px; height:100px; margin:5px auto 10px auto; padding-bottom: 10px;}
.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;}
.footer__section {background:#1b2221; padding:30px 20px; font-size:14px; line-height:1.6; color:#a0a2aa; border-top:1px solid rgba(34,52,49,0.5);}
.footer__section p {margin-bottom:12px; color:#a0a2aa; text-align: center;}
.footer__section strong {color:#ffffff; font-weight:500;}

footer {padding:10px 0 25px 0; background:url('../images/footerbg.png') center bottom no-repeat; background-size:contain;} 
.footer_links {max-width:1320px; margin-left:auto; margin-right:auto; text-align: center;}
.footer_links p {line-height:1.3; margin-bottom:12px; font-size:13px;}
.footer_links p a{text-decoration:none; color:#fff;}
.footer_links p a:hover {color:#f33346;}
.footer_links img {display: inline-block;}
	.footer__article {max-width:1320px; margin-left:auto; margin-right:auto; display:flex; flex-flow:column; flex-flow: column; align-content: center; align-items: center;}
	.footer__article p {line-height:1.4; font-weight:300; font-size:15px;}
	.footer__article nav {display:flex; margin-top:8px;}
	.footer__article nav a {margin:5px; color:#fff; font-size:14px;}
	.footer__article nav a:hover {color:#b3ee4b;}
.article__video-section {display: flex; flex-wrap: wrap; margin-bottom:20px;}
	.video__article-column {flex-grow: 1;   min-width: 0; max-width:calc(100% - 320px);}
		.video__cover {position:relative; width: 100%; padding-top: 56.2%;}
	.video__aside-column {flex-basis: 300px;  flex-shrink: 0; height: 100%; margin-left:20px;}
.video__details-section { }
.video__title {font-weight:500; font-size:15px; line-height:1.4; color:#fff; padding-bottom:15px;}
.video__article {padding-top:15px; border-top:1px solid #223431;}
	.video__links {margin-bottom:15px; font-size:13px;}
		.video__link-group {display:flex;     flex-wrap: wrap;}
		.video__link-group li {margin-bottom:10px;}
		.video__link-group li span {font-weight:300; color:#fff; margin-right:12px; margin-left:15px;}
		.video__link-group li:first-child span {margin-left:0;}
		.video__link-group li a {color:rgba(255,255,255,.6); font-size:13px; margin:0 8px 8px 8px;}
		.video__link-group li a:hover {color:#b3ee4b;}
.video__article p {font-weight:400; font-size:13px; line-height:1.3; margin-bottom:20px;}
.video__topbar {display:flex; align-items:center; padding:15px 0;}
	.video__rate-buttons {display:flex; margin-right:15px;}
	.video__labels-list li span,
	.video__rate-buttons button {line-height:27px; background:none; cursor:pointer; border:1px solid #161617; font-weight:400; color:#fff; display:flex; align-items:center;}	
	.video__labels-list li span i,
	.video__rate-buttons button i {display:inline-flex; width:18px; height:18px; min-width:18px;  }
	.video__rate-buttons button span  {margin-left:10px;}
	.video__rate-buttons button:focus {outline:none;}
	.video__rate-buttons button.rate__like {margin-right:12px; border:1px solid #4caf50;}
	.video__rate-buttons button.rate__like:hover,
	.video__rate-buttons button.rate__like.check {border:1px solid #8bc34a; background:#8bc34a;}
	.video__rate-buttons button.rate__like:hover i,
	.video__rate-buttons button.rate__like.check i {background:url('../images/like_w.svg') center/15px no-repeat;}
	.video__rate-buttons button.rate__like i {background:url('../images/like.svg') center/15px no-repeat;}
	.video__rate-buttons button.rate__dislike {border:1px solid #f44336;}
	.video__rate-buttons button.rate__dislike i{background:url('../images/dislike.svg') center/15px no-repeat; }
	.video__rate-buttons button.rate__dislike:hover,
	.video__rate-buttons button.rate__dislike.check {background:#fc1717; border:1px solid #fc1717;}
	.video__rate-buttons button.rate__dislike:hover i,
	.video__rate-buttons button.rate__dislike.check i {background:url('../images/dislike_w.svg') center/15px no-repeat;}
	.video__rate-info {display:flex; flex-flow:column;}
		.video__rate-data {display:flex; align-items:center; margin-bottom:6px;}
		.video__rate-data span {font-weight:400; font-size:13px;}
		.video__rate-data em {font-weight:500; color:#fff; font-size:13px; margin-left:10px;}
		.video__rate-bar {position:relative; overflow:hidden; height:10px; width:100%;background:rgb(40 54 52); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		.video__rate-bar span {position:absolute; left:0; bottom:0; top:0;height:100%; background:#b3ee4b;}
.video__labels-list {display:flex; margin-left:auto;}
	.video__labels-list li {margin-left:15px;}		
	.video__labels-list li span {padding:0 8px; font-size:13px; }
	.video__labels-list li span i {margin-right:8px;}
	.video__labels-list li:first-child {margin-left:0;}
		.video__labels-list li span i.video__clock-icon {background:url('../images/clock.svg') center/15px no-repeat;}
		.video__labels-list li span i.video__view-icon {background:url('../images/eye.svg') center/15px no-repeat;}
		.video__labels-list li span i.video__date-icon {background:url('../images/calendar.svg') center/15px no-repeat;}
.video__player-section { height:100%; position:absolute; left:0; top:0; bottom:0; right:0; z-index:1;}		
.video__player-navigation {padding:10px 10px 0 10px; position:absolute; left:0; right:0; bottom:0; right:0;}
.video__time-line {display:block; height:3px; width:100%; background:rgba(255,255,255,.5); margin-bottom:6px;}
.video__navigation {display:flex;     justify-content: space-between; align-items:center;}
.video__left-nav {display:flex; align-items:center;}
.video__left-nav button {width:30px; height:30px;  margin-left:12px; border:0; cursor:pointer;}
.video__left-nav button.video__play-btn {background:url('../images/play-fill.svg') center/20px no-repeat;}
.video__left-nav button.video__audio-btn {background:url('../images/volume-down-fill.svg') center/20px no-repeat;}
.video__left-nav button:focus {outline:none;}
.video__left-nav .video__volume-size {position:relative; margin:0 15px;}
.video__left-nav .video__volume-size:before {content:''; display:inline-flex; height:3px; background:rgba(255,255,255,.5); width:80px;}
.video__left-nav .video__volume-size:after {content:''; display:inline-block; position:absolute; left:80%; top:50%; height:9px; width:9px; background:#fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin:0px -4px 0 0;}
.video__left-nav .video__time-data {color:#fff; font-weight:300; font-size:12px;}
.video__size-button {}
.video__size-button button {width:30px; height:30px; background:url('../images/fullscreen-line.svg') center/20px no-repeat; margin-left:12px; border:0; cursor:pointer;}
.video__size-button button:first-child {margin-left:0;}
.video__size-button button:focus {outline:none;}
.video__size-button button:nth-child(2) {background:url('../images/fullscreen-exit-line.svg') center/20px no-repeat;}
.video__goplay {width:65px; height:66px; background:#333333 url('../images/play-fill.svg') center/35px no-repeat; position:absolute; left:50%; top:50%; cursor:pointer;-moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index:11; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}
.video__cover.layer:before {position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; background:rgba(0,0,0,.4); content:'';}
.video__cover.layer {display:block;}
		 
@media screen and (max-width:1200px) {
	.header__container,.article__section,.footer__article {padding-left:10px; padding-right:10px;}
	.site__logotype {margin-left:15px;}
}
@media screen and (max-width:1120px) {
.video__group-item, .categories__item {width:25%;}
}
@media screen and (max-width:960px) {
	.aside-block-desk {display:none;}
	.article__mobile {display:block;}
}
@media screen and (max-width:920px) {
	.article__video-section {flex-flow:column;}
	.video__article-column {width:100%; max-width:100%;}
	.video__aside-column {overflow:hidden; height:250px; width:100%; margin:15px 0; text-align:center; display:block; flex-basis:250px;}
}
@media screen and (max-width:840px) {
.video__group-item, .categories__item {width:33.33%;}
}
.search__button,
.header__button {display:none; width:40px; min-width:40px; height:40px; margin-right:25px; background:url('../images/menu.svg') center/23px no-repeat; cursor:pointer; border:1px solid #b3ee4b;}
@media screen and (max-width:720px) {
	.viewmenu {}
	.viewmenu .header__button {background:url('../images/close-fill.svg') center/20px no-repeat;}
	.viewmenu .site__navigation {display:flex; margin-bottom:-15px;}
	.header__button {display:inline-flex;}
	.header__container {flex-wrap:wrap;}
	.site__navigation {display:none; order:3; width:100%;}
	.site__navigation a {margin:0; width:25%; text-align:center; line-height:50px;}
}
@media screen and (max-width:620px) {
	.video__rate-buttons button {padding:6px 14px;}
	.video__rate-buttons button span {display:none;}
}
@media screen and (max-width:560px) {
	.video__group-item, .categories__item {width:50%;}
}
@media screen and (max-width:520px) {
	.video__topbar {flex-wrap:wrap;}
	.video__labels-list {width:100%; flex:1; margin:12px 0 0 0; min-width:100%;}
	.video__rate-buttons button span {display:inline-flex;}
	.video__rate-info {margin-left:auto;}
}
@media screen and (max-width:480px) {
	.toplinks-an a {padding: 2px 4px; gap: 5px; font-size: 11px; font-weight: normal;}
	.responsive-overlay {height: 20px;}
}
.video__left-nav .video__volume-size {display:flex;align-items:center;}
.video__left-nav .video__volume-size:after {margin-top:-5px;}
@media screen and (max-width:460px) {
	.video__player-navigation {padding-left:0; padding-right:0;}
	.video__size-button button:nth-child(2) {display:none;}
	.video__link-group li span {margin-left:0;}
 .search__section {display:none;}
 .search__button {display:inline-flex; margin:0 0 0 25px; background:url('../images/search_white.svg') center/20px no-repeat;}
 .site__logotype {margin-left:auto;}
 .search-view .search__section button {top:5px;}
 .search-view .search__section {display:flex; width:calc(100% - 65px); }
 .search-view .search__section input {line-height:38px; border:1px solid #b3ee4b;}
 .search-view .search__section input,
 .search-view .search__section form {width:100%;}
 .search-view .header__button,
 .search-view .site__logotype {display:none;}
 .search-view .search__button {background:url('../images/close-fill.svg') center/20px no-repeat;}
}
@media screen and (max-width:380px) {
	.article__header.two__column {flex-flow:column;     align-items: flex-start;}
	.video__sort {margin-top:15px;}
}
@media screen and (max-width:360px) {
 .site__navigation {flex-flow:column;}
 .site__navigation a {width:100%;}
}
@media screen and (max-width:340px) {
.footer__article nav {flex-flow:column;}
.footer__article nav a {display:block; text-align:center;}
}
@media screen and (max-width:320px) {
.article__pagintaion {flex-wrap:wrap;}
.video__rate-buttons button span,
.article__pagintaion a {display:none;}
.article__pagintaion a.page__prev,
.article__pagintaion a.select,
.article__pagintaion a.page__next {display:inline-flex; justify-content: center;}

	.video__group-item, .categories__item {width:100%;}

}