@font-face{font-display:optional;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url("/styles/fonts/roboto/Roboto.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"Material Icons";font-style:normal;font-weight:400;src:url("/styles/fonts/MaterialIcons-Regular.woff2") format("woff2"),url("/styles/fonts/MaterialIcons-Regular.woff") format("woff")}
@font-face{font-display:swap;font-family:FontAwesome;font-style:normal;font-weight:400;src:url("/styles/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("/styles/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff")}

*,
*:before,
*:after{box-sizing:border-box}
html{font-size:10px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
html,body{min-height:100%}
body{display:table;width:100%;min-width:300px;margin:0;table-layout:fixed;font-family:Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:16px;line-height:1.43;color:#4a4a4a;background:#fff}
main,article,aside,footer,header,nav,section{display:block}
a{color:#134e4a;text-decoration:none;background:transparent}
a:hover,a:focus{color:#12708e;text-decoration:underline}
img{max-width:100%;border:0;vertical-align:middle}
button,input,select,textarea{font:inherit;margin:0}
button,input[type=submit]{cursor:pointer}
ul,ol{margin-top:0;margin-bottom:11px}
p{margin:0 0 11px}
h1,h2,h3,h4,h5,h6{margin:10px;font-weight:500;line-height:1.1;color:inherit}
h1{font-size:30px}
h2{font-size:34px}
h3{font-size:28px}
@media(max-width:576px){h1{font-size:20px}}
@media(max-width:330px){h1{font-size:16px}}

.container-fluid{max-width:1575px;margin:0 auto;padding:0}
.row{margin:0}
.row:before,.row:after,.container-fluid:before,.container-fluid:after,.clearfix:after{content:"";display:table;clear:both}
.col-xs-6,.col-sm-4,.col-md-3,.col-lg-3,.col-xl,.col-xxl{position:relative;min-height:1px;padding:0}
@media(min-width:480px){.col-xs-6{float:left;width:50%}}
@media(min-width:768px){.col-sm-4{float:left;width:33.333333%}}
@media(min-width:992px){.col-md-3{float:left;width:25%}}
@media(min-width:1200px){.col-lg-3{float:left;width:25%}}
@media(min-width:1281px){.col-xl{float:left;width:20%}}
@media(min-width:1351px){.col-xxl{float:left;width:12.5%}}

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.hide{display:none!important}
.show{display:block!important}
.pull-left{float:left!important}
.pull-right{float:right!important}
.text-warning{color:#8a6d3b;margin:20px}
.text-top{color:#8a6d3b;margin:10px}
@media(max-width:900px){.text-top{display:none}}

.ico{display:inline-block;vertical-align:middle}
.ico-search{width:26px;height:26px;background:url("/styles/img/search.png") center/26px 26px no-repeat}

.navbar{position:relative;min-height:100px;margin-bottom:1px;padding:0 10px;background:#134e4a;border:1px solid #134e4a}
.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after{content:"";display:table;clear:both}
.navbar-header{position:relative}
.navbar-brand{display:block;float:none;padding:35px 0;color:#fff!important;font-size:40px;line-height:22px;text-align:center;text-decoration:none!important}
.navbar-brand:before{content:"ondemand_video";display:inline-block;width:52px;text-align:center;font-family:"Material Icons";font-size:44px;font-weight:400;line-height:1;vertical-align:middle;text-transform:none;-webkit-font-smoothing:antialiased}
.navbar-toggle{position:absolute;top:0;right:0;margin:33px 0;padding:9px 10px;background:transparent;border:1px solid transparent;border-radius:4px}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;margin-top:4px;background:#fff;border-radius:1px}
.navbar-toggle .icon-bar:first-child{margin-top:0}
.navbar-collapse{overflow-x:visible;padding:0;border-top:1px solid rgba(255,255,255,.15);text-align:center}
.collapse{display:none}
.collapse.in{display:block}
.nav{margin:0;padding:0;list-style:none}
.nav>li{display:block;position:relative}
.nav>li>a{display:block;padding:10px 15px;color:rgba(255,255,255,.75);text-decoration:none;text-transform:uppercase;font-size:15px}
.nav>li>a:hover,.nav>li>a:focus,.nav>li.active>a{color:#fff;background:transparent;text-decoration:none}
.navbar-nav{margin:10px 0;font-weight:400}
.navbar-form{margin:8px 0 12px;padding:0}
.navbar-form .input-group{width:100%}
.input-group{display:table;position:relative;width:100%;border-collapse:separate}
.input-group .form-control,.input-group-btn{display:table-cell;vertical-align:middle}
.input-group-btn{width:1%;white-space:nowrap}
.form-control{display:block;width:100%;height:46px;padding:11px 24px;color:#7e9aa3;background:#fff;border:0;border-radius:24px;box-shadow:none}
.form-control:focus{outline:0}
.btn{display:inline-block;height:46px;padding:10px 12px;color:#333;background:#fff;border:0;border-radius:24px;text-align:center;vertical-align:middle;white-space:nowrap}
.btn:hover,.btn:focus{text-decoration:none}
.favorites_badge{display:inline-block;min-width:16px;height:16px;margin-top:-12px;margin-left:5px;padding:0 5px;color:#fff;background:#0f172a;border-radius:8px;font-size:12px;font-weight:300;line-height:16px;text-align:center;vertical-align:middle}
.switch-mobile{display:none;color:rgba(255,255,255,.7)}
@media(min-width:992px){
	.navbar-header{float:left}
	.navbar-brand{float:left;text-align:left}
	.navbar-toggle{display:none}
	.navbar-collapse{display:block!important;height:auto!important;overflow:visible!important;border-top:0}
	.navbar-nav{display:inline-block;margin:0;vertical-align:middle}
	.navbar-nav>li{float:left;white-space:nowrap}
	.navbar-nav>li>a{padding-top:39px;padding-bottom:39px}
	.navbar-form{float:right;width:240px;margin:27px 0;padding:0}
}
@media(min-width:1100px){.navbar-form{width:320px}}
@media(min-width:1310px){.navbar-nav>li>a{margin:0 8px}}
@media(max-width:991px){
	.navbar{min-height:50px}
	.navbar-brand{height:50px;padding:12px 46px 12px 0;font-size:24px}
	.navbar-toggle{margin:8px 0}
	.switch-mobile{display:block}
}

/* =========================
   TOP LINKS UNDER HEADER
========================= */

.top-links-wrap{
	max-width:1420px;
	margin:7px auto 18px auto;
	padding:0 10px;
	box-sizing:border-box;
}

.top-links{
	display:block;
	font-size:13px;
	line-height:1.35;
	color:#134e4a;
	text-align:left;
}

.top-links br{
	display:none !important;
}

.top-links p,
.top-links div{
	margin:0 !important;
	padding:0 !important;
	line-height:1.35 !important;
	text-align:left !important;
}

.top-links a{
	display:block;
	width:max-content;
	max-width:100%;
	margin:0 0 7px 0 !important;
	padding:0 !important;

	color:#134e4a;
	background:none !important;
	border:0 !important;
	border-radius:0 !important;

	font-size:13px;
	font-weight:400;
	line-height:1.35;
	text-align:left !important;
	text-decoration:none;
	white-space:normal;
}

.top-links a:hover{
	color:#0f172a;
	text-decoration:underline;
}

@media(max-width:768px){
	.top-links-wrap{
		max-width:none;
		margin:7px 0 18px 0;
		padding:0 10px;
	}

	.top-links,
	.top-links a{
		font-size:13px;
		line-height:1.35;
	}
}

.main{
	width:100%;
}

.footer{
	display:table-footer-group;
}

.footer-inner{
	padding:30px 30px 28px;
	color:#fff;
	background:#134e4a;
	font-size:12px;
}

.footer-inner-no-text{
	padding-top:24px;
}

.footer-inner a{
	color:inherit;
}

.footer-inner p{
	margin:0;
}

.footer-text{
	max-width:1180px;
	margin:0 auto 18px;
	text-align:center;
	color:#99f6e4;
	font-size:15px;
	line-height:1.55;
}

.footer-text h2{
	margin:0 0 12px;
	color:#ccfbf1;
	font-size:26px;
	font-weight:500;
	line-height:1.25;
}

.footer-text p{
	margin:0;
}

.footer-partners{
	max-width:560px;
	margin:0 auto 16px;
	text-align:center;
}

.footer-partners-title{
	margin:0 0 8px;
	color:rgba(255,255,255,.72);
	font-size:11px;
	font-weight:700;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:.05em;
}

.footer-partners-links{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:7px;
}

.footer-partners-links a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:30px;
	padding:6px 11px;
	color:#fff;
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.18);
	border-radius:999px;
	font-size:13px;
	font-weight:600;
	line-height:1.2;
	text-decoration:none;
}

.footer-partners-links a:hover{
	color:#fff;
	background:rgba(255,255,255,.22);
	text-decoration:none;
}

.copyright{
	max-width:760px;
	margin:0 auto;
	padding-top:0;
	text-align:center;
	font-size:12px;
	line-height:1.45;
}

@media(max-width:768px){
	.footer-inner{
		padding:26px 15px 24px;
	}

	.footer-inner-no-text{
		padding-top:22px;
	}

.footer-text{
	margin-bottom:14px;
	font-size:13px;
	line-height:1.45;
}

.footer-text h2{
	margin-bottom:10px;
	font-size:21px;
}

	.footer-partners{
		margin-bottom:14px;
	}

	.footer-partners-links{
		gap:6px;
	}

	.footer-partners-links a{
		min-height:28px;
		padding:5px 9px;
		font-size:12px;
	}

	.copyright{
		font-size:12px;
		line-height:1.42;
	}
}



.tag{margin-bottom:10px;border-bottom:3px solid #979797}
.tag h1,.tag h2{margin:0 10px 8px;color:#4a4a4a;font-weight:400}
.sw-tag h1{display:inline-block}
.tag p{margin:0 5px 5px;font-weight:300}
.head-a{padding:10px;border-bottom:1px solid #ece6e6}
.head-a a{text-decoration:none}
.head-a a:before{content:"arrow_forward";display:inline-block;width:24px;color:#0f766e;font-family:"Material Icons";font-size:17px!important;vertical-align:middle;text-decoration:none}

.thumbnail{display:block;position:relative;margin:-1px 0 0 -1px;padding:0;overflow:hidden;background:#fff;border:1px solid transparent}
.thumbnail:before{content:"";position:absolute;inset:0;z-index:1;border:2px solid transparent;pointer-events:none;transition:border .15s}
.thumbnail:hover:before{border-color:#134e4a}
.thumbnail-content{display:block!important;position:relative!important;width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;background:#111!important}
.thumbnail-content>img.thumbnail-img,.thumbnail-content img.thumbnail-img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;object-fit:cover!important;display:block!important}
.thumbnail>img.thumbnail-img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;background:#111!important}
.thumbnail-content span{display:none;position:absolute;right:0;bottom:0;left:0;height:30px;padding:0 5px;overflow:hidden;color:#c3c3c3;background:rgba(0,0,0,.59);font-size:15px;font-weight:500;line-height:30px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.thumbnail-content:hover span{display:block;color:#c3c3c3}
.hd{position:absolute;top:.7rem;left:.7rem;padding:0 .3rem;color:#e5e5e5;background:#0f766e;border-radius:3px;font-size:1.4rem;font-weight:700;line-height:1.7rem}
.time-video{display:none;position:absolute;right:.7rem;bottom:4rem;padding:0 .3rem;color:#d8d8d8;background:rgba(0,0,0,.57);border-radius:3px;font-size:1.4rem;font-weight:600;line-height:1.7rem}
.thumbnail-content:hover .time-video{display:block;color:#c3c3c3}
.favorite{display:none;position:absolute;top:15px;right:15px;width:22px;height:20px;z-index:2;cursor:pointer;background:url("/styles/img/icons-desktop-sprite.png") -32px -92px no-repeat}
.favorite.active{display:block;background-position:0 -92px}
.thumbnail-content:hover .favorite{display:block}
.favorite_file>.favorite{display:inline-block;position:static;margin-right:5px;vertical-align:bottom}
@media(max-width:480px){
	.thumbnail-content span,.thumbnail-content .time-video,.favorite{display:block}
}

.pagination{
	padding:0 10px;
	text-align:center;
}

.pagination>ul{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:7px;
	margin:24px 0 28px;
	padding:0;
	border-radius:0;
	list-style:none;
	vertical-align:middle;
}

.pagination>ul>li{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin:0;
	padding:0;
	vertical-align:middle;
}

.pagination>ul>li.pagination-title{
	display:none;
}

.pagination>ul>li>a,
.pagination>ul>li>span{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:38px;
	height:38px;
	margin:0;
	padding:0 12px;
	color:#fff;
	background:#0f172a;
	border:1px solid #0f172a;
	border-radius:7px;
	font-size:14px;
	font-weight:700;
	line-height:1;
	text-align:center;
	text-decoration:none;
	box-shadow:none;
}

.pagination>ul>li>a:hover,
.pagination>ul>li>a:focus,
.pagination>ul>.active>a,
.pagination>ul>.active>span{
	color:#fff;
	background:rgba(20,184,166,.55);
	border-color:rgba(20,184,166,0);
	text-decoration:none;
}

.pagination-dots>a,
.pagination-dots>span{
	min-width:auto!important;
	padding-right:4px!important;
	padding-left:4px!important;
	color:#0f172a!important;
	background:transparent!important;
	border-color:transparent!important;
}

.pagination-prev>a,
.pagination-prev>span,
.pagination-next>a,
.pagination-next>span{
	width:38px!important;
	min-width:38px!important;
	height:38px!important;
	padding:0!important;
	border-radius:50%!important;
	font-size:24px!important;
	line-height:1!important;
}

/* ПК: показываем обычные страницы, мобильную пагинацию скрываем */
@media(min-width:769px){
	.pagination>ul>li#page-mobile{
		display:none!important;
	}

	.pagination>ul>li#page-pc{
		display:inline-flex!important;
	}
}

/* Телефон: показываем только "1 из 2701" и кнопку дальше */
@media(max-width:768px){
	.pagination{
		padding:0 6px;
	}

	.pagination>ul{
		gap:10px;
		margin:20px 0 24px;
	}

	.pagination>ul>li#page-pc{
		display:none!important;
	}

	.pagination>ul>li#page-mobile{
		display:inline-flex!important;
	}

	.pagination>ul>li.pagination-title{
		min-width:auto;
		height:36px;
		padding:0 14px;
		color:#fff;
		background:#0f172a;
		border-radius:20px;
		font-size:14px;
		font-weight:700;
		line-height:36px;
	}

	.pagination-next>a,
	.pagination-next>span{
		width:54px!important;
		min-width:54px!important;
		height:54px!important;
		font-size:32px!important;
		border-radius:50%!important;
	}
}

.link,.link-file{display:inline-block;position:relative;padding:2px;color:#fff;background:#0f172a;border-radius:4px;line-height:2;text-align:center;text-decoration:none}
.link{line-height:2.5}
.link:hover,.link-file:hover,.active_cat{color:#fff;background:rgba(20,184,166,.5);text-decoration:none}

.player-title{margin:4px 0;font-size:18px}
.player-title h1{display:inline;margin:0;font-size:18px}
.player-content{margin-bottom:1px}
.player-content:after,.player-footer:after{content:"";display:table;clear:both}
.player-content .video{min-width:300px}
.player-footer{position:relative;margin:0 10px}
.player-info{font-size:14px}
.player .list-inline{margin:1px 0}
.playtime:before,.dateadd:before,.fileview:before,#gotop:before{display:inline-block;width:32px;color:#0f766e;font-family:"Material Icons";font-weight:400;text-align:center;vertical-align:middle;text-transform:none;-webkit-font-smoothing:antialiased}
.playtime:before{content:"access_time";font-size:29px!important}
.dateadd:before{content:"date_range";font-size:29px!important}
.fileview:before{content:"remove_red_eye";font-size:29px!important}

.video-page{max-width:1180px;margin:0 auto;padding:0 10px 24px}
.video-page .player-title{
    margin:12px 0 10px;
    padding:0 10px;
}
.video-page .player-title h1{display:block;margin:0;color:#202124;font-size:24px;font-weight:700;line-height:1.28;letter-spacing:-.01em}
.video-page .content-row,.video-page .content-row>.content{display:block;width:100%;margin:0;padding:0;overflow:visible}
.video-page-card{width:100%;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.video-page .player-content{margin:0;padding:12px;background:#f7f7f7}
.video-page .player-content .video{width:100%;min-width:0}
.video-player-frame{width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:10px}
.video-player-frame iframe{display:block;width:100%;height:100%;border:0}
.video-page .player-footer{position:relative;margin:0;padding:14px 16px 16px}
.video-page .player-info{display:block;font-size:14px;line-height:1.45}
.video-desc{margin:0 0 12px;padding:11px 12px;color:#333;background:#f0fdfa;border:1px solid rgba(15,118,110,.14);border-radius:10px;font-size:15px;line-height:1.55}
.video-desc a{color:#134e4a;font-weight:600;text-decoration:underline}
.video-desc a:hover{color:#0f172a;text-decoration:none}
.video-taxonomies{margin:0 0 12px}
.video-taxonomy-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;line-height:1.25}
.video-tags-row{margin-top:7px}
.taxonomy-label{flex:0 0 auto;margin-right:2px;color:#555;font-weight:700;white-space:nowrap}
.video-page .taxonomy-chip,.video-page .link-file.taxonomy-chip{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;color:#fff!important;background:#0f172a;border-radius:999px;font-size:13px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none!important;white-space:nowrap}
.video-page .taxonomy-chip:hover,.video-page .link-file.taxonomy-chip:hover{color:#fff!important;background:#0f766e;text-decoration:none!important}
.video-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;clear:both;margin:12px 0 0;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}
.video-page .video-info-item{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;color:#444;background:#f7f7f7;border-radius:9px;font-size:14px;line-height:1.25;gap:4px}
.video-page .dateadd:before,.video-page .playtime:before,.video-page .fileview:before{width:24px;margin-right:3px;color:#0f766e;font-size:21px!important;line-height:1!important}
.video-page .favorite_file,.video-page .favorite_file span{cursor:pointer}
.share-video{margin-top:26px;padding-right:20px;text-align:center}
.share{display:inline-block;width:100%;margin-top:-7px;margin-left:14px;vertical-align:middle}
.video-page .share-video{float:none;clear:both;max-width:520px;margin:16px auto 0;padding:14px;background:#fafafa;border:1px solid rgba(0,0,0,.07);border-radius:12px;text-align:center}
.video-page .share{width:100%;margin:0}
.foot-share span{color:#676767;font-size:17px;font-weight:600}
.video-page .foot-share span{display:block;margin:0 0 8px;color:#555;font-size:16px;font-weight:700}
.push{display:inline-block;width:41px;height:41px;margin:5px 2px 10px;color:#fff;border-radius:4px;font-size:20px;line-height:41px;text-align:center;cursor:pointer;text-decoration:none!important}
.facebook{background:#3b5998}.google{background:#dd4b39}.pinterest{background:#bd081c}.viber{background:#665cac}.twitter{background:#55acee}.vkontakte{background:#587ea3}.ok{background:#ee8208}
.facebook:hover,.google:hover,.pinterest:hover,.viber:hover,.twitter:hover,.vkontakte:hover,.ok:hover{color:#fff;text-decoration:none;filter:brightness(.9)}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}
.fa-facebook:before{content:"\f09a"}.fa-google:before{content:"\f1a0"}.fa-google-plus:before{content:"\f0d5"}.fa-pinterest:before{content:"\f0d2"}.fa-twitter:before{content:"\f099"}.fa-vk:before{content:"\f189"}.fa-odnoklassniki:before{content:"\f263"}.fa-envelope:before{content:"\f0e0"}

/* =========================
   RECOMMENDED VIDEOS BLOCK
========================= */

.video-page .recommended-title{
	margin:28px 0 14px!important;
	padding:0 10px 10px;
	border-bottom:2px solid rgba(15,23,42,.22);
}

.video-page .recommended-title h2{
	display:flex;
	align-items:center;
	gap:8px;
	margin:0;
	color:#202124;
	font-size:22px;
	font-weight:700;
	line-height:1.25;
}

.video-page .recommended-title h2:before{
	content:"";
	display:inline-block;
	width:6px;
	height:24px;
	background:#134e4a;
	border-radius:10px;
}

/* ПК: крупнее, ровно 4 в ряд */
.video-page .recommended-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:16px;
	width:100%;
	margin:0;
	padding:16px;
	background:#fff;
	border:1px solid rgba(0,0,0,.07);
	border-radius:14px;
	box-shadow:0 8px 24px rgba(0,0,0,.06);
}

.video-page .recommended-grid:before,
.video-page .recommended-grid:after{
	display:none!important;
	content:none!important;
}

.video-page .recommended-grid>[class*="col-"]{
	float:none!important;
	width:auto!important;
	max-width:none!important;
	padding:0!important;
	margin:0!important;
}

.video-page .recommended-grid .thumbnail{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#111;
	border:0;
	border-radius:11px;
	box-shadow:0 2px 8px rgba(0,0,0,.12);
	transition:transform .15s ease,box-shadow .15s ease;
}

.video-page .recommended-grid .thumbnail:hover{
	transform:translateY(-2px);
	box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.video-page .recommended-grid .thumbnail:before{
	display:none!important;
	content:none!important;
}

.video-page .recommended-grid .thumbnail-content{
	display:block!important;
	position:relative!important;
	width:100%!important;
	aspect-ratio:16/9!important;
	overflow:hidden!important;
	background:#111!important;
	border-radius:11px;
}

.video-page .recommended-grid .thumbnail-content:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:50%;
	background:linear-gradient(to top,rgba(0,0,0,.76),rgba(0,0,0,0));
	z-index:2;
	pointer-events:none;
}

.video-page .recommended-grid .thumbnail-img{
	position:absolute!important;
	top:0!important;
	left:0!important;
	width:100%!important;
	height:100%!important;
	max-width:none!important;
	min-height:0!important;
	object-fit:cover!important;
	display:block!important;
	transition:transform .2s ease;
}

.video-page .recommended-grid .thumbnail:hover .thumbnail-img{
	transform:scale(1.04);
}

.video-page .recommended-grid .thumbnail-content span{
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	height:auto;
	min-height:32px;
	padding:8px 9px 7px;
	color:#fff;
	background:transparent;
	font-size:14px;
	font-weight:500;
	line-height:1.25;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.video-page .recommended-grid .time-video{
	display:block;
	position:absolute;
	top:7px;
	right:7px;
	bottom:auto;
	z-index:4;
	padding:4px 7px;
	color:#fff;
	background:rgba(0,0,0,.72);
	border-radius:6px;
	font-size:12px;
	font-weight:700;
	line-height:1.1;
}

.video-page .recommended-grid .hd{
	position:absolute;
	top:7px;
	left:7px;
	z-index:4;
	padding:4px 7px;
	color:#fff;
	background:#0f766e;
	border-radius:6px;
	font-size:12px;
	font-weight:700;
	line-height:1.1;
}

/* Планшеты: 4 в ряд */
@media(max-width:991px){
	.video-page .recommended-grid{
		grid-template-columns:repeat(4,minmax(0,1fr));
		gap:10px;
		padding:12px;
	}
}

/* Телефоны: 2 в ряд */
@media(max-width:768px){
	.video-page .recommended-title{
		margin:22px 0 12px!important;
		padding:0 8px 9px;
	}

	.video-page .recommended-title h2{
		font-size:20px;
	}

	.video-page .recommended-title h2:before{
		width:5px;
		height:22px;
	}

	.video-page .recommended-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:9px;
		padding:9px;
		border-radius:12px;
		box-shadow:none;
	}

	.video-page .recommended-grid .thumbnail{
		border-radius:8px;
	}

	.video-page .recommended-grid .thumbnail-content{
		border-radius:8px;
	}

	.video-page .recommended-grid .thumbnail-content span{
		min-height:28px;
		padding:6px 7px;
		font-size:12px;
	}

	.video-page .recommended-grid .time-video{
		top:5px;
		right:5px;
		padding:3px 6px;
		font-size:11px;
	}
}
#gotop{
	display:none;
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:9998;
	width:50px;
	height:50px;
	color:#222;
	background:#fff;
	border-radius:50%;
	box-shadow:0 1px 15px #0891b2;
	font-size:20px;
	line-height:47px;
	text-align:center;
	cursor:pointer;
}

#gotop:before{
	content:"arrow_upward";
	color:#0891b2;
	font-size:27px;
}

@media(max-width:768px){
	.video-page{
		padding:0 6px 18px;
	}

	.video-page .player-title h1{
		font-size:20px;
	}

	.video-page-card{
		border-radius:10px;
	}

	.video-page .player-content{
		padding:7px;
	}

	.video-player-frame{
		border-radius:8px;
	}

	.video-page .player-footer{
		padding:11px;
	}

	.video-desc{
		padding:10px;
		font-size:14px;
	}

	.video-taxonomy-row{
		gap:5px;
	}

	.video-page .taxonomy-chip,
	.video-page .link-file.taxonomy-chip{
		min-height:25px;
		padding:4px 8px;
		font-size:12px;
	}

	.video-info-row{
		gap:6px;
	}

	.video-page .video-info-item{
		font-size:13px;
	}

	.video-page .share-video{
		float:none;
		margin-top:0;
		padding:0;
		text-align:center;
	}

	.video-page .share{
		margin:10px 0 0;
	}

	.video-page .foot-share{
		text-align:center;
		margin:10px 0 22px;
	}

	#gotop{
		right:10px;
		bottom:12px;
		width:46px;
		height:46px;
		line-height:43px;
	}

	#gotop:before{
		font-size:26px;
	}
}

.list{margin:0;padding:0;list-style:none}
.list li{display:table;width:100%}
.list li a{display:table-row;color:inherit}
.list li a:hover{color:#134e4a;text-decoration:none}
.list-link{display:table-cell;vertical-align:top}
.list-label{display:table-cell;width:50px;vertical-align:top;white-space:nowrap}
.tags.container-gutter{padding:20px}
.container-gutter{padding:0 20px}
.row-gutter{margin:0 -20px}
.row-gutter>[class*=col-]{padding:0 20px}
.model,.site{margin-bottom:10px}
.model h1,.site h1{color:#4a4a4a;font-weight:400}
.model .bio{max-height:500px;margin:5px;overflow-y:auto;font-size:16px;font-weight:300;line-height:22px}
.model .bio.read_more{max-height:66px;overflow:hidden}
.site p{margin:0;font-size:15px}
.site p a{color:#0f172a;text-transform:uppercase;font-weight:600}
.site .thumbnail{float:left;width:20%;margin-right:10px;margin-bottom:1px}
.site .btn{display:block;min-width:300px;width:50%;margin:5px auto;color:#fff!important;background:#0f172a!important;border-radius:4px;text-transform:uppercase;font-weight:600;text-decoration:none}
.sites>div{padding:5px}
.sites .title{color:#134e4a;text-transform:uppercase;font-size:14px;font-weight:600}
.sites .date,.sites .count{font-size:14px}
.sites .count span{color:#134e4a}
@media(max-width:479px){.site .thumbnail{width:100%;margin-bottom:10px}.model .bio{font-size:14px;line-height:19px}.model .bio.read_more{max-height:57px}}
@media(min-width:480px) and (max-width:767px){.site .thumbnail{width:50%}.model .bio{font-size:15px;line-height:21px}.model .bio.read_more{max-height:63px}}
@media(min-width:768px) and (max-width:991px){.site .thumbnail{width:33.3333%}}
@media(min-width:992px) and (max-width:1279px){.site .thumbnail{width:25%}}


/* =========================
   HEADER FINAL FIX
   PC + TABLET + MOBILE
========================= */

.navbar.navbar-inverse {
	margin: 0;
	padding: 0 12px;
	background: #134e4a;
	border: 0;
	border-radius: 0;
}

.navbar.navbar-inverse > .container-fluid {
	max-width: 1575px;
	margin: 0 auto;
	padding: 0;
}

.navbar-header,
.navbar-collapse,
.navbar-brand,
.navbar-toggle,
.navbar-nav,
.navbar-form {
	box-sizing: border-box;
}

/* ---------- PC ---------- */
@media (min-width: 992px) {
	.navbar.navbar-inverse {
		min-height: 82px;
	}

	.navbar.navbar-inverse > .container-fluid {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 82px;
		gap: 22px;
	}

	.navbar-header {
		display: flex;
		align-items: center;
		flex: 0 0 auto;
		float: none !important;
		min-height: 82px;
		margin: 0;
		padding: 0;
	}

	.navbar-brand {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		float: none !important;
		height: 82px;
		margin: 0;
		padding: 0;
		color: #fff;
		font-size: 34px;
		font-weight: 400;
		line-height: 1;
		text-decoration: none;
		white-space: nowrap;
	}

	.navbar-brand:hover,
	.navbar-brand:focus {
		color: #fff;
		text-decoration: none;
	}

	.navbar-brand:before {
		content: "ondemand_video";
		display: inline-block;
		width: auto;
		font-family: "Material Icons";
		font-size: 40px;
		font-weight: 400;
		line-height: 1;
		color: #fff;
		vertical-align: middle;
	}

	.navbar-toggle {
		display: none !important;
	}

	.navbar-collapse,
	.navbar-collapse.collapse,
	.navbar-collapse.navbar-ex1-collapse {
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		flex: 1 1 auto;
		float: none !important;
		width: auto;
		height: auto !important;
		margin: 0;
		padding: 0;
		gap: 22px;
		border: 0;
		box-shadow: none;
		overflow: visible !important;
	}

	.navbar-nav {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 1 auto;
		float: none !important;
		gap: 2px;
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
	}

	.navbar-nav > li {
		display: block;
		float: none !important;
		margin: 0;
		white-space: nowrap;
	}

	.navbar-nav > li > a {
		display: flex;
		align-items: center;
		height: 82px;
		padding: 0 10px;
		color: rgba(255,255,255,.84);
		text-decoration: none;
		background: transparent;
	}

	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus,
	.navbar-nav > li.active > a {
		color: #fff;
		text-decoration: none;
		background: transparent;
	}

	.navbar-form {
		display: block;
		flex: 0 0 300px;
		float: none !important;
		width: 300px;
		margin: 0;
		padding: 0;
		border: 0;
		box-shadow: none;
	}

	.navbar-form .input-group {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.navbar-form .form-control {
		width: 100%;
		height: 44px;
		padding: 0 18px;
		color: #555;
		background: #fff;
		border: 0;
		border-radius: 24px 0 0 24px;
		box-shadow: none;
		outline: 0;
	}

	.navbar-form .form-control:focus {
		box-shadow: none;
	}

	.navbar-form .input-group-btn {
		display: block;
		flex: 0 0 50px;
		width: 50px;
	}

	.navbar-form .btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 44px;
		padding: 0;
		background: #fff;
		border: 0;
		border-left: 1px solid rgba(0,0,0,.08);
		border-radius: 0 24px 24px 0;
		box-shadow: none;
	}

	.navbar-form .btn:hover,
	.navbar-form .btn:focus {
		background: #fff;
		box-shadow: none;
	}
}

/* ---------- TABLET + MOBILE ---------- */
@media (max-width: 991px) {
	.navbar.navbar-inverse {
		min-height: 60px;
		padding: 0 12px;
	}

	.navbar.navbar-inverse > .container-fluid {
		display: block;
		min-height: 60px;
		margin: 0;
		padding: 0;
	}

	.navbar-header {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row;
		float: none !important;
		width: 100%;
		min-height: 60px;
		margin: 0;
		padding: 0 56px;
	}

	.navbar-brand {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		float: none !important;
		height: 60px;
		margin: 0 auto;
		padding: 0;
		color: #fff;
		font-size: 24px;
		font-weight: 400;
		line-height: 1;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

	.navbar-brand:hover,
	.navbar-brand:focus {
		color: #fff;
		text-decoration: none;
	}

	.navbar-brand:before {
		content: "ondemand_video";
		display: inline-block;
		width: auto;
		font-family: "Material Icons";
		font-size: 30px;
		font-weight: 400;
		line-height: 1;
		color: #fff;
		vertical-align: middle;
	}

	.navbar-toggle {
		position: absolute;
		top: 50%;
		right: 0;
		display: inline-flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		float: none !important;
		width: 42px;
		height: 38px;
		margin: 0;
		padding: 0;
		transform: translateY(-50%);
		background: transparent;
		border: 1px solid rgba(255,255,255,.58);
		border-radius: 5px;
		box-shadow: none;
		cursor: pointer;
	}

	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background: rgba(255,255,255,.08);
		outline: none;
	}

	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		margin: 3px 0;
		background: #fff;
		border-radius: 2px;
	}

	.navbar-collapse,
	.navbar-collapse.collapse,
	.navbar-collapse.navbar-ex1-collapse {
		display: none !important;
		float: none !important;
		width: 100%;
		height: auto !important;
		margin: 0;
		padding: 0;
		border: 0;
		box-shadow: none;
		overflow: hidden !important;
	}

	.navbar-collapse.in,
	.navbar-collapse.collapse.in,
	.navbar-collapse.navbar-ex1-collapse.in {
		display: block !important;
		padding: 8px 0 14px;
		overflow: visible !important;
	}

	.navbar-nav {
		display: block;
		float: none !important;
		width: 100%;
		margin: 0 0 10px;
		padding: 0;
		list-style: none;
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
	}

	.navbar-nav > li {
		display: block;
		float: none !important;
		margin: 0;
		white-space: normal;
	}

	.navbar-nav > li > a {
		display: flex;
		align-items: center;
		min-height: 38px;
		padding: 8px 10px;
		color: rgba(255,255,255,.92);
		text-decoration: none;
		border-radius: 6px;
		background: transparent;
	}

	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus,
	.navbar-nav > li.active > a {
		color: #fff;
		background: rgba(255,255,255,.1);
		text-decoration: none;
	}

	.navbar-form {
		display: block;
		float: none !important;
		width: 100%;
		max-width: none;
		margin: 8px 0 0;
		padding: 0;
		border: 0;
		box-shadow: none;
	}

	.navbar-form .input-group {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.navbar-form .form-control {
		width: 100%;
		height: 42px;
		padding: 0 16px;
		color: #555;
		background: #fff;
		border: 0;
		border-radius: 24px 0 0 24px;
		box-shadow: none;
		outline: 0;
		font-size: 15px;
	}

	.navbar-form .input-group-btn {
		display: block;
		flex: 0 0 50px;
		width: 50px;
	}

	.navbar-form .btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 42px;
		padding: 0;
		background: #fff;
		border: 0;
		border-left: 1px solid rgba(0,0,0,.08);
		border-radius: 0 24px 24px 0;
		box-shadow: none;
	}

	.navbar-form .btn:hover,
	.navbar-form .btn:focus {
		background: #fff;
		box-shadow: none;
	}
}

/* ---------- COMMON HEADER ITEMS ---------- */

.favorites_badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	height: 16px;
	margin: -8px 0 0 6px;
	padding: 0 5px;
	color: #fff;
	background: #0f172a;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	vertical-align: middle;
}

.ico-search {
	display: block;
	width: 26px;
	height: 26px;
	background: url(/styles/img/search.png) center center no-repeat;
	background-size: 26px 26px;
}

.link-block {
	max-width: 1180px;
	margin: 10px auto 18px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.45;
}

.link-block a {
	color: #134e4a;
	text-decoration: none;
}

.link-block a:hover {
	color: #0f172a;
	text-decoration: underline;
}

/* ---------- SMALL PHONES ---------- */
@media (max-width: 420px) {
	.navbar.navbar-inverse {
		padding: 0 10px;
	}

	.navbar-header {
		padding: 0 48px;
	}

	.navbar-brand {
		font-size: 22px;
	}

	.navbar-brand:before {
		font-size: 28px;
	}

	.navbar-toggle {
		right: 0;
		width: 40px;
		height: 36px;
	}

	.navbar-toggle .icon-bar {
		width: 21px;
	}

	.link-block {
		margin: 8px auto 16px;
		font-size: 13px;
	}
}

/* =========================
   CATEGORIES PAGE
========================= */

.categories-page{
	width:100%;
	padding:0 0 20px;
}

.categories-title{
	margin:8px 0 16px!important;
	padding:0 10px 10px;
	border-bottom:2px solid rgba(15,23,42,.22);
}

.categories-title h1{
	display:flex;
	align-items:center;
	gap:8px;
	margin:0;
	color:#202124;
	font-size:26px;
	font-weight:700;
	line-height:1.25;
}

.categories-title h1:before{
	content:"";
	display:inline-block;
	width:6px;
	height:28px;
	background:#134e4a;
	border-radius:10px;
}

.categories-card{
	width:100%;
	margin:0 0 22px;
	padding:16px;
	background:#fff;
	border:1px solid rgba(0,0,0,.07);
	border-radius:14px;
	box-shadow:0 8px 24px rgba(0,0,0,.06);
}

.categories-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:10px;
}

.category-item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	min-height:46px;
	padding:10px 12px;
	color:#0f172a;
	background:#f0fdfa;
	border:1px solid rgba(19,78,74,.18);
	border-radius:10px;
	text-decoration:none;
	transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;
}

.category-item:hover{
	color:#fff;
	background:#134e4a;
	border-color:#134e4a;
	text-decoration:none;
	transform:translateY(-1px);
	box-shadow:0 6px 14px rgba(19,78,74,.18);
}

.category-name{
	display:block;
	min-width:0;
	font-size:15px;
	font-weight:600;
	line-height:1.25;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.category-count{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	min-width:32px;
	height:24px;
	padding:0 8px;
	color:#fff;
	background:#0f172a;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	line-height:24px;
}

.category-item:hover .category-count{
	color:#0f172a;
	background:#fff;
}

@media(max-width:991px){
	.categories-grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:9px;
	}

	.categories-card{
		padding:12px;
	}
}

@media(max-width:768px){
	.categories-page{
		padding:0 6px 16px;
	}

	.categories-title{
		margin:8px 0 12px!important;
		padding:0 8px 9px;
	}

	.categories-title h1{
		font-size:21px;
	}

	.categories-title h1:before{
		width:5px;
		height:23px;
	}

	.categories-card{
		padding:9px;
		border-radius:12px;
		box-shadow:none;
	}

	.categories-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:8px;
	}

	.category-item{
		min-height:42px;
		padding:8px 9px;
		border-radius:8px;
	}

	.category-name{
		font-size:13px;
	}

	.category-count{
		min-width:28px;
		height:22px;
		padding:0 7px;
		font-size:11px;
		line-height:22px;
	}
}