/* Video TV */

.video-list > div > div > b:before, .video-list > div > div > b:after,
.video-addform > span:hover, .video-addform > span,
.video-addform > form,
.video-index-list > div, .video-index-list > div:hover, .video-index-list > div:before, .video-index-list > div:after,
.video-top-conteiner .video-top-list > div, .video-top-conteiner .video-top-list > div:hover,
.video-top-conteiner .video-top-list > div b, .video-top-conteiner .video-top-list > div:hover b,
.video-list-conteiner > i:hover, .video-list-conteiner > i,
.video-list > div > div:hover > b > i, .video-list > div > div > b > i,
.video-list-2 > li > div > *, .video-list-2 > li > div:hover * {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.video-body { background: url('/src/img/bg_main.png'), url('/src/img/bg_main.png') !important; background-color:#313131 !important; color:#fff; }
.video-body .body { background: transparent; }
.video-body h1, .video-body h2, .video-body h3, .video-body h4, .video-body h5, .video-body h6 { color:#fff; }
.video-body h1 a, .video-body h2 a, .video-body h3 a, .video-body h4 a, .video-body h5 a, .video-body h6 a { color: #1797e5; }
.video-body .header_block .site_center_wrapper, .video-body .site_WORKAREA .site_center_wrapper, .video-body main .main > .center > .-conteiner--1 { 
	background:#000;
	box-shadow: 20px 0px 40px -20px rgba(255, 255, 255, 0.3), 0px 20px 40px -20px rgba(255, 255, 255, 0.3), -20px 0px 40px -20px rgba(255, 255, 255, 0.3);
}
.video-body ._logo-main span, .video-body #authoriz a { color: #818181; }
.video-body .header_block { margin-bottom:1px; }
.video-body footer, .video-body footer .-conteiner--1, .video-body footer .-conteiner--2, .video-body .keydescr-form, .video-body > .body .-conteiner--1 { background: #111 !important; }
.video-body .body-conteiner footer { background: transparent; }
.video-body footer .logo, .video-body footer .header-logo { background-image: url("../img/logo_top2.png"); color: #fff; }
.video-body .footer-center, .video-body .footer-top > .right > .f-icons > a, .video-body .adm-phone, .video-body .footer-top > .right > .admin-phone { color: rgba(255,255,255,0.9); }

.video-body .obj_bg .site_left_wrapper { background: #ebbb01 !important; }

.footer-tel > a { color: #fff; }
.video-body .footer-tel > div, .video-body .footer-text a { color: #fff; opacity: 0.6; }

.video-grps-conteiner > div { margin:15px 0 5px 0; }
.v-3.video-grps-conteiner { width: calc(100% + 20px); }
.v-3.video-grps-conteiner > div { width: 50%; display: inline-block; vertical-align: top; position: relative; }
.v-3.video-grps-conteiner > div:nth-child(2n+1):after { content: ''; position: absolute; border-right: 1px solid rgba(255,255,255,0.3); width: 1px; height: 110%; top: 0; right: 10px; }
.video-grps-conteiner > div > b, .video-grps-conteiner > div > a { font-size: 17px; padding-bottom: 10px; display: inline-block; color:#1797e5; }

.video-list-conteiner { position:relative; white-space:nowrap; width: 1200px; }
.v-3 .video-list-conteiner { white-space: normal; width: auto; }
.video-list-conteiner > i { position:absolute; top:0; line-height:100px; height:100px; overflow:hidden; cursor:pointer; font-size:22px; opacity:0.5; }
.video-list-conteiner > i:hover { opacity:1; }
.video-list-conteiner > i.prev { left:-24px; }
.video-list-conteiner > i.next { right:-24px; }
.v-3 .video-list-conteiner > i { line-height:normal; height:auto; top: -30px; }
.v-3 .video-list-conteiner > i.prev { left:auto; right: 47px; }
.v-3 .video-list-conteiner > i.next { right: 22px; }
.video-list { width:calc(100% + 17px); overflow:hidden; }
.v-3 .video-list { width: auto; height: 154px; }
.video-list > div { display:inline-block; vertical-align:top; width:calc(100% / 6 - 17px); margin-right:17px; margin-bottom:17px; }
.v-3 .video-list > div { width:calc(100% / 3 - 17px - 1.15px); }
.video-list > div > div { color:#fff; cursor:pointer; font-size: 13px; }
.video-list > div > div > b { position:relative; display:block; background:no-repeat center center; height:100px; background-size:cover; border:3px solid #3A3A3A; }
.video-list > div > div > i { display:block; height: 38px; overflow: hidden; white-space:normal; }
.video-list > div > div > b:before, .video-list > div > div > b:after { content:''; position:absolute; width:0; height:0; background:rgba(255, 255, 255, 0.15); z-index: 2; }
.video-list > div > div > b:before { top:0; left:0; }
.video-list > div > div > b:after { bottom:0; right:0; }
.video-list > div > div:hover > b:before, .video-list > div > div:hover > b:after { width:100%; height:100%; }
.video-list > div > div > b > i { 
	position: absolute; 
	top:0; 
	right:0; 
	background:#fff no-repeat center center; 
	background-size:contain; 
	border:5px solid #fff; 
	z-index: 2; 
	width: 100px; 
	height:25px; 
	opacity: 0.5; 
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px; 
}
.video-list > div > div:hover > b > i { width:80px; height:20px; }
.video-list-owner > div { padding:8px; }
.video-list-owner > div > a { position:relative; display:block; background:#fff no-repeat center center; box-shadow: 0 0 0 8px #fff; height:100px; background-size:contain; border-radius: 50%; }

.fotorama__video iframe { max-width:1000px; margin:0 auto; }

.video-addform.act2 { width: calc(100% - 20px); }
.video-addform.edit.act2 { text-align: left; }
.video-addform input[type=text], .video-addform input[type=file], .video-addform label, .video-addform select 
{ width:calc(100% / 3 - 18px); height: 32px; line-height:32px; vertical-align:top; margin:0 15px 15px 0; padding: 6px 12px; font-size: 12px; }
.video-addform.edit input[type=text], .video-addform.edit input[type=file], .video-addform.edit label, .video-addform.edit select 
{ width:calc(50% - 170px);}
.video-addform.act3 input[type=text], .video-addform.act3 input[type=file], .video-addform.act3 label, .video-addform.act3 select 
{ width:calc(50% - 17px);}
.video-addform input[type=submit] { width:100%; /*width: calc(100% + 40px); margin-left: -20px;*/ }
.video-addform input[type=file] { color:#fff; outline: none; }
.video-addform label { display:inline-block; text-align:left; }
.video-addform textarea { width:500px; height:124px; margin-left:15px; }
.video-addform > span { display:block; background:#1f4d7e; border:1px solid #1f4d7e; padding:5px; cursor:pointer; opacity:0.9; }
.video-addform > span:hover { opacity:1; }
.video-addform > form { display:block; border:1px solid #1f4d7e; padding:0 !important; max-height:0; opacity:0; overflow:hidden; visibility:hidden; }
.video-addform.act > span { max-height:0; opacity:0; overflow:hidden; visibility:hidden; }
.video-addform.act > form { padding:20px !important; max-height:260px; opacity:1; overflow:visible; visibility:visible; }
.video-addform.edit > form { max-height:1000px; }

.video-top-conteiner { background:#1f4d7e; border:1px solid #1f4d7e; }
.video-top-conteiner .video-top-frame, .video-top-conteiner .video-top-list { display:inline-block; width:calc(100% - 400px); height:480px; vertical-align:top;}
.video-top-conteiner .video-top-frame { background:#000 no-repeat center center url(../img/loading-blue-bg_black.gif); }
.video-top-conteiner .video-top-frame > div, .video-top-conteiner .video-top-frame > div > iframe { border:0; width:100%; height:430px; }
.video-top-conteiner .video-top-frame > b { display:block; height:50px; overflow:hidden; padding:5px 15px 0 15px; font-weight:normal; white-space:nowrap; max-width: 780px; text-overflow: ellipsis; }
.video-top-conteiner .video-top-frame > b > strong { font-weight:bold; display:block; color: #1797e5; }
.video-top-conteiner .video-top-list { width:400px; overflow: auto; }
.video-top-conteiner .video-top-list > div { position: relative; cursor:pointer; padding:10px; height:80px; border-bottom:1px solid #000; }
.video-top-conteiner .video-top-list > div > b, .video-top-conteiner .video-top-list > div > i { display:inline-block; vertical-align:top; }
.video-top-conteiner .video-top-list > div > b { 
	width:60px; 
	height:60px; 
	margin-right:15px; 
	background:#000 no-repeat center center; 
	background-size:cover; 
	
	overflow:hidden;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.video-top-conteiner .video-top-list > div > i { width:calc(100% - 60px - 15px); height:60px; overflow:hidden; line-height: 19px; }
.video-top-conteiner .video-top-list > div > i > strong { font-weight:bold; display:block; color: #eec530; }
.video-top-conteiner .video-top-list > div.cur, .video-top-conteiner .video-top-list > div:hover { background:#fff; color:#333; }
.video-top-conteiner .video-top-list > div.cur b, .video-top-conteiner .video-top-list > div:hover b {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;	
}

.video-index-list > div { position:relative; width:100%; height:230px; background:#000 no-repeat center center; background-size:cover; border:1px solid #000; cursor:pointer; }
.video-index-list > div:before, .video-index-list > div:after { content:''; position:absolute; width:0; height:0; background:rgba(255, 255, 255, 0.15); z-index: 2; }
.video-index-list > div:before { top:0; left:0; }
.video-index-list > div:after { bottom:0; right:0; }
.video-index-list > div:hover:before, .video-index-list > div:hover:after { width:100%; height:100%; }
.video-index-list > div > b { position:absolute; bottom:0; background:rgba(0,0,0,0.5); padding:4px 8px; color:#fff; width:100%; }
.video-index-list > div > b:before { 
	content: "\f144";
	display:inline-block; 
	position:absolute; 
	bottom: 200px;
	right:0;
}
.video-index-list > div:hover > b:before { border-left-color:#ef0000; }
.video-body .msgs { color: #000 !important; }
.video-list-2, .video-list-2 > li { margin: 0 !important; padding: 0 !important; list-style: none; position: relative; display: block; }
.video-list-2 > li { margin: 5px 25px 20px 0 !important; display: inline-block; position: relative; }
.video-list-2 > li > div { min-height: 200px; cursor: pointer; background: no-repeat #000 center center; border:1px solid #ccc; background-size: cover; border-radius: 10px; }
.video-list-2 > li.-act-0 > div { border: 4px solid #fff; opacity: 0.5; }
.video-list-2 > li.-act-0 > i > a.root { color: red !important; }
.video-list-2 > li.-act--1 > div { border: 4px solid #ff8f00; }
.video-list-2 > li > div > span { 
	position: absolute; 
	display: block;
	width: 100%;
	padding: 14px 12px 8px 12px; 
	height: 66px;
	bottom: 0; 
	left: 0; 
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #fff;
	overflow: hidden;
	border-radius: 0 0 8px 8px;

	background: rgba(0,0,0,0.7);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,0.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 60%,rgba(0,0,0,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 60%,rgba(0,0,0,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.video-list-2 > li > div > span > b { display: block; font-size: 0; line-height: 0; opacity: 0; }
.video-list-2 > li > div > span > i { font-style: normal; padding-right: 5px; }
.video-list-2 > li > div:hover > span { height: 100%; text-align: center; background: rgba(0,0,0,0.5); border-radius: 8px; }
.video-list-2 > li > div:hover > span > b { font-size: 15px; line-height: normal; opacity: 1; padding-bottom: 8px; }
.video-list-2 > li > div:hover > span > i { font-size: 15px; }
.video-list-2 > li > div:before {
	content: "\f144";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	font-size: 70px;
	color: #ef0000;
	text-shadow: 0px 0px 3px rgba(255,255,255,0.3);
}
.video-list-2 > li > div:hover:before { border-left-color:#ef0000; }
.video-list-2 > li > i { position: absolute; bottom:-18px; }
.-inline-block > li, .-inline-block > div { display:inline-block; vertical-align: top; margin-right: 25px; }
.-cnt-1 > li, .-cnt-1 > div { width: 100%; }
.-cnt-2 > li, .-cnt-2 > div { width: calc(50% - 25px - 0.01px); }
.-cnt-3 > li, .-cnt-3 > div { width: calc(100% / 3 - 25px - 0.01px); }
.-cnt-4 > li, .-cnt-4 > div { width: calc(25% - 25px - 0.01px); }
.-cnt-5 > li, .-cnt-5 > div { width: calc(20% - 25px - 0.01px); }
.-cnt-6 > li, .-cnt-6 > div { width: calc(100% / 6 - 25px - 0.01px); }

@media (max-width: 768px) {
	.video-top-conteiner .video-top-frame, .video-top-conteiner .video-top-list, .video-list, .video-list-conteiner { width: 100%; }
	.video-top-conteiner .video-top-frame, .video-top-conteiner .video-top-list { height: 300px; }
	.video-top-conteiner .video-top-frame > div, .video-top-conteiner .video-top-frame > div > iframe { height: 230px; }
	
	.video-list-conteiner { white-space: normal;  }
	.video-list-conteiner > i { display: none; }
	.video-list > div { width: calc(50% - 17px); margin: 0 17px 17px 0; }
	.video-list-owner > div { padding: 0; }
	.video-list-owner > div > a { height: 90px; background-size: 50%; box-shadow: none; }
	.video-list-owner > div:nth-child(n+11), .v-3.video-grps-conteiner > div:nth-child(2n+1):after { display: none; }
	.video-list > div > div > b { height: 200px; }
	
	.v-3 .video-list > div, .v-3.video-grps-conteiner > div, .v-3.video-grps-conteiner,
	.video-addform input[type="text"], .video-addform input[type="file"], .video-addform label, .video-addform select, .video-addform input[type="submit"],
	.video-addform.act2, .video-addform label
	{ width: 100% !important; }
	.v-3 .video-list { height: auto; }
	.v-3 .video-list > div:nth-child(n+4) { display: none; }
	.video-grps-conteiner > div { margin: 0 0 17px 0; }
	.video-addform.act > form { max-height: none; }
	.video-addform input[type="submit"] { margin: 0; }
}
/* END Video TV */