.row-video-link
{
	width:100%;
	padding:2em 0 10em 0; 
	background: #F5F5F5;  
}
.row-video-link ul 
{ 
	width:100%;
	display:flex;
	flex-flow: row wrap;
	margin-top:2em;
}
.row-video-link ul li 
{
	width: 31%;
    background: #fff;
    margin-bottom: 1.5em;
	margin-right:2%;
}
.row-video-link ul li:hover
{
    box-shadow: 0 5px 10px #cecece;
}
.row-video-link ul li a
{
	width: 100%;
    padding:3em 2em;
}
.row-video-link ul li h3 
{
	font: 1em/1.2em roboto_medium;
    color: #000;
    padding: 0.5em 0;
	display:block;	 
}
.row-video-link ul li p
{
    font: 0.95em/1.3em roboto_regular;
    color: #231f20;
}
.logo-academy 
{
    width: 23em;
    margin: 3em 0;
}
.logo-academy img
{
    width: 100%;
}
.row-page-video
{
	width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5em 0;
}
.row-page-video h1
{
    font: 2em / 1.2em roboto_bold;
    color: #222222;
    text-align: center;
    margin: 0em 0 1.5em 0;
}
.row-content-video
{
	width: 100%;
    display: flex;
	flex-flow:row wrap;
    justify-content: space-between;
}
.column-left-video
{
	width:55%;
}
.row-video-iframe
{
	width:100%;
	height:25em !important;
	background:#000;
}
.row-video-iframe iframe
{
	width:100% !important;
	height:25em !important;
}
.title-video
{
    font: 1.4em/1.2em roboto_bold;
    color: #000;
    margin: 1em 0;	
}
.text-video
{
    font: 0.95em/1.4em roboto_regular;
    color: #000;
    margin: 1em 0;	
}
.text-video p 
{
	margin-bottom:1em;
}
.item-video
{
    margin: 2em 0;		
}
.item-video ul li
{
	font: 1em/1.3em roboto_regular;
    color: #000;
    margin: 0.35em 0;    
	position:relative;
	padding-left:1.5em;
}
.item-video ul li i
{
    color: #97c249;
    font-style:normal;
}
.item-video ul li:before
{
	content: "";
    width: 7px;
    height: 7px;
    background: #97c249;
    position: absolute;
    left: 0;
    top: 0.35em;
}
.column-right-video h2 
{
    font: 1.4em/1.2em roboto_bold;
    color: #000;
    margin: 1.5em 0;
}
.column-right-video ul li 
{
    width: 100%; 
	margin-bottom: 1em;
	position:relative;
}
.column-right-video ul li:before 
{
    content: "";
    width: 1em;
    height: 1px;
    position: absolute;
    background: #383838;
    left: -1.5em;
    top: 1.2em;
}
.column-right-video ul li a
{
    width: 100%;
    padding: 0.5em 0;
    font: 0.97em/1.2em roboto_regular;
    color: #000;
    background: #f7f7f7 url("../images/iconvideo.svg") no-repeat 0.5em 0.8em / 0.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
}
.active
{
	color: #fff !important;
	background: #97c249 url("../images/iconvideo_active.svg") no-repeat 0.5em 0.8em / 0.5em !important;
}
.column-right-video
{
	width:40%;
}
.tabs-video
{
	display:none;
}
.content-accordion-video
{
	display:none; 
	padding-left: 2em;
	position:relative;  
	margin-top: 0.5em;
}
.content-accordion-video:before 
{
	content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background: #383838;
    left: 0.5em;
    top: 0;
}
.title-accordion-video 
{	
    font: 0.9em/1.2em roboto_regular;
    color: #000;
    padding: 1em 55px 1em 0;
    position: relative;
	cursor:pointer;
}
.less-accordion-video .ico-accordion-video:after
{
    content: "";
	display:none;
	background:#97c249;
}
.less-accordion-video .ico-accordion-video:before
{
	background:#97c249;
}
.less-accordion-video h3
{
    color:#97c249;
}

.ico-accordion-video 
{
    width: 30px;
    height: 30px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ico-accordion-video:before 
{
    content: "";
    width: 10px;
    height: 2px;
    background: #000;
}
.ico-accordion-video:after 
{
    content: "";
    width: 2px;
    height: 10px;
    background: #000;
    position: absolute;
}






@media screen and (max-width:760px)
{
	.row-page-video 
	{
		padding: 1.5em 0;
		font-size: 14px;
	}
	.logo-academy 
	{
		width: 15em;
		margin: 2em 0;
	}
	.row-video-link ul li 
	{
		width: 100%;
		margin-right: 0;
	}
	.row-video-link 
	{
		padding: 2em 0 5em 0;
	}
	.column-left-video 
	{
		width: 100%;
	}	
	.column-right-video 
	{
		width: 100%;
	}
	.row-video-iframe
	{
		width: 100%;
		height: 15em !important;
	}
	.row-video-iframe
	{
		height: 15em !important;
	}
	.row-video-iframe iframe
	{
		height: 15em !important;
	}
	.column-right-video ul li 
	{
		margin-bottom: 0.5em;
	}
	.row-page-video h1 
	{
		font: 1.4em/1.2em roboto_bold;0;
	}
	
}