/* CSS Document */

#video article .container {
	position: relative;
	z-index: 1;
	background-color: #515253;
	padding-top:35px;
}

#video article #pagination {
	background-color: #515253;
}

.video.video-single .news-sign {
    margin: 35px 0;
}

.video >.container-error-404 {
	background: #515253;
}

i.fl-video {
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
	background-color: #3f3f3f;
	color: #1cbdcd;
	padding: 5px 2px;
	width: 20px;
	height: 20px;
	font-size: 10px;
}
i.fl-video:hover, i.fl-video:focus, i.fl-video:active, i.fl-video.active {
	background-color: #1cbdcd;
	color: #ffffff;
}
.video-box:hover i.fl-video, .video-box:focus i.fl-video, .video-box:active i.fl-video, .video-box.active i.fl-video {
	color: #ffffff;
	background-color: #1cbdcd;
}

div .video-box {
	display:block;
	clear:both;
	margin:0 0 30px;
}
div .video-box a, div .video-box a:hover, div .video-box a:focus, div .video-box a:active, div .video-box a.active {
	text-decoration: none;
}
div .video-box .video-box-image {
	position:relative; 
	display:block;
	clear:both;
	padding: 52% 0 0;
	overflow: hidden;	
	/* border:solid 8px #3f3f3f; */
	background-color: #3f3f3f;
	margin:0 0 10px;
}
div .video-box .video-box-image img {
	position:absolute; 
	display:block;
	clear:both;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
div .video-box .video-box-image img.top {
	top:0;
	transform: translate(-50%, 0);
}
div .video-box .video-box-image img.bottom {
	top:unset;
	bottom:0;
	transform: translate(-50%, 0);
}
div .video-box .video-box-image i {
    position: absolute;
    z-index: 2;
    width: 30px;
    height: 30px;
    font-size: 16px;
    padding-top: 7px;
    left: 4px;
    bottom: 4px;
}

div .video-box small {
	position: relative;
	display:block;
	clear:both;
	padding:0 0 7px;
	margin:0;	
	font-family: 'Inter';
	font-weight: 500;
	font-size:13px;
	line-height: 1;
}
div .video-box h1,
div .video-box h2 {
	position: relative;
	display:block;
	clear:both;
	color:#10365b;
	font-family: 'Roboto';
	font-weight: 700 !important;
	font-size: 19px !important;
	line-height: 1.1 !important;
}
div .video-box p {
	position: relative;
	display:block;
	clear:both;
	padding:0;
	margin:0;
	font-family: 'Inter';
	font-weight: 400 !important;
	font-size: 13px !important;
	line-height: 1.1 !important;
}

div .video-box.video-box-inline h1, 
div .video-box.video-box-inline h2 {
    font-size: 27px !important;
}
div .video-box.video-box-inline p {
    font-size: 18px !important;
}

div .video-box.video-box-stylish small {
	font-size:15px;
}
div .video-box.video-box-stylish h1,
div .video-box.video-box-stylish h2 {
	font-size: 38px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;	
}
div .video-box.video-box-stylish p {
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.1 !important;
}
div .video-box.video-box-stylish .video-box-image {	
	margin-top:-5%;
	padding-top:43%;
}
div .video-box.video-box-stylish .video-box-text {
	position:relative;
	z-index: 2;
	width:82%;
	padding:0 30px 15px 0;
	background-color: #515253;
}
div .video-box.video-box-stylish .video-box-text i {
	position:absolute;
	top: 32px;
	left: 14px;
	font-size: 28px;
}

@media (max-width:575.98px)
{
	div .video-box.video-box-stylish {
		position:relative;
		padding-top:44%;
	}
	div .video-box.video-box-stylish .video-box-image {
		position:absolute;
		top:0;
		width:100%;
		margin-top:0;
		padding-top: 50%;
	}
	div .video-box.video-box-stylish .video-box-text {
		width:calc(100% - 40px);
		margin:0 0 0 40px;
		padding: 10px;
	}
	div .video-box.video-box-stylish .video-box-text i {
		display:none;
	}
	div .video-box.video-box-stylish .video-box-text h1, 
	div .video-box.video-box-stylish .video-box-text h2 {
		font-size: 24px !important;
	}
	div .video-box h1, 
	div .video-box h2 {
		font-size: 24px !important;
	}
}

/**/




div.company-video .video-box {
	display:block;
	clear:both;
	margin:0 0 15px;
}
div.company-video .video-box .video-box-image {
	/*border:solid 4px #3f3f3f;*/
}
div.company-video .video-box .video-box-image i {
    position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	font-size: 12px;
	padding-top: 4px;
	left: 3px;
	bottom: 3px;
}
div.company-video > a {
	display:block;
	text-align: right;
	font-size:12px;
	font-weight:400;
	margin:0 0 5px;
}

.fl-title-video {
	position:relative;
	display:block;
	margin:0 0 20px;
	padding:0 0 5px;
	border-bottom:solid 1px #c9c7c5;
	font-size:18px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	color:#1F3048;
}
.fl-title-video span {
	position: relative;
	display:inline-block;
	padding-bottom:8px;	
    font-size: 19px;
}
.fl-title-video span b {
	position: absolute;
	display:block;
	margin:0;
	padding:0;
	content: '';
	bottom:-6px;
	left:0;
	width:calc(100% + 15px);
	height: 4px;
	background-color:#1F3048;
}
.fl-title-video .fl-title-btn {
	position:absolute;
	top:0;
	right:0;
}

#trending-sidebar .video-box {
    padding-bottom: 10px !important;
    margin:0 5px 10px !important;
}
#trending-sidebar .video-box .col-md-6 {
    padding-right:10px;
	padding-left:10px;
}
#trending-sidebar .video-box .video-box-image{
	/*border: solid 5px #3f3f27 !important;*/
}
#trending-sidebar .video-box small {
    display:none;
	font-size: 11px !important;
}
#trending-sidebar .video-box h2 {
    font-size: 14px !important;
	font-weight: 400 !important;
}

#video #component-share b {
	color:#C6C6C6	
}
#video #component-tags b {
	color:#C6C6C6;	
}

#video.radio .fl-title {
   /* border-bottom: solid 1px #c82631;*/
    color: #fff;
}
#video.radio .fl-title span b {
    background-color: #c82631;
}


#broadcaster
{
	padding-bottom:50px;
}
#broadcaster h2
{
	font-size:26px;
}
#broadcaster h5
{
	font-size:22px;
	margin: 30px 0 5px 0;
}
#broadcaster p
{
	font-size:17px;
}

#broadcaster a
{
	text-decoration: none;
	font-size: 13px;
}