.top100{
}
.top100 .scrollable{
	height:400px;
	overflow:hidden;
	position:relative;
	border-bottom:1px #282828 solid;
	transition: all 0.25s ease-in-out 0.2s ;

}




.top100 .scrollable .scroller{
	width:20000em;
	position:absolute;
}
.top100 .scrollable .item{
	display: block;
	height:400px;
	width: calc( 100vw / 3 );
	float:left;	
	position:relative;
    background:url('../images/trans.gif') no-repeat center center;
    background-size: cover;
	transition: all 0.25s ease-in-out 0.2s ;
}
.top100 .scrollable .item .picinfo{
	position:absolute;
	bottom:0;
	height:auto;
	width:100%;
	background:rgba(0,0,0,0.7);
	color:#fff;
	opacity:0;   
	-webkit-transition:0.25s linear opacity; 
	-moz-transition:0.25s linear opacity; 
	-o-transition:0.25s linear opacity; 
	transition:0.25s linear opacity; 
	/*opacity:1;  */
}
.top100 .scrollable .item .picinfo .cont{
	padding:16px 20px 20px 20px;
}
.top100 .scrollable .item:hover .picinfo{
	opacity:1;
	-webkit-transition:0.25s linear opacity;
	-moz-transition:0.25s linear opacity; 
	-o-transition:0.25s linear opacity; 
	transition:0.25s linear opacity; 
}
@media screen and (max-width: 1260px) {
	.top100 .scrollable .item{
		width: calc( 100vw / 2 );
	}
}
@media screen and (max-width: 970px) {
	.top100 .scrollable{
		height:300px;
	}
	.top100 .scrollable .item{
		height:300px;
	}
}
@media screen and (max-width: 500px) {
	.top100 .scrollable .item{
		width:  100vw ;
	}
	.top100 .scrollable .item .picinfo{
		opacity: 1;
	}
	.top100 .scrollable .item .picinfo .more{
		display: none;
	}
	.top100 .scrollable .item .picinfo .cont {
	    padding: 8px 12px;
	}
}
@media screen and (min-width: 1920px) {
	.top100 .scrollable{
		height:500px;
	}
	.top100 .scrollable .item{
		height:500px;
	}
}






.top100 .scrollable .controls{
    display:none;
    margin:auto;
    z-index:10;
}
body .top100 .scrollable:hover .controls{
    display:block;
}
.top100 .scrollable .controls .browse{
    display:block;
    width:38px;
    height:80px;
    background:url('../images/arrows_slideshow.png') no-repeat 0 0;
    position:absolute;
    left:20px;
	top:50%;
	transform: translateY(-50%);
    cursor:pointer;
}
.top100 .scrollable .controls .browse:hover{ background-position: 0 -90px; }
.top100 .scrollable .controls .browse:active{ background-position: 0 -180px; }

.top100 .scrollable .controls .browse.next, .top100 .scrollable .controls .browse.nextus{
    left:auto;
    right:20px;
    background-position: -48px 0;
}		
.top100 .scrollable .controls .browse.next:hover{ background-position: -48px -90px; }
.top100 .scrollable .controls .browse.next:active{ background-position: -48px -180px; }




.tri{
	margin-top:30px;
	display: grid;
    grid-template-columns: 1fr 200px 1fr;
    grid-column-gap: 72px;
}
.tri .col{
	--float:left;
	--width: 358px;
	--margin-left:30px;
}
.tri .col:first-child{
	margin-left:0;
}

.tri .col .tit, .tri .col .dates{
	font-size:30px;
}
.tri .col .dates{
    color: #5A8BCC;
}
.tri .col .apply {
	display:block;
    background-color: #000000;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    margin:22px 0 0 0;
    padding: 10px 0;
    text-decoration: none;
    width:200px;
    text-align:center;
	border-radius: 28px;
    background-color: #000000;
	transition: all 0.2s ease-in-out;
}
.tri .col .apply:hover {
	background: #FF6E4F;
}
.tri .col .quote{
	font-size: 24px;
	line-height:28px;
}

.hr{
	border-bottom:1px #D8D9D7 solid;
	margin:30px 0;
}


.mainblock h2 {
    padding-top: 0;
    text-align:center;
    border-bottom:none;
    margin:0;
}
.mainblock h2 a{
	text-decoration: none;
}

.articles.news {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
}

.articles.news .item time {
	color: #000;
}
.program {
    width: 1134px;
	height:436px;
	overflow:hidden;
	position:relative;
}
.program .scroller{
	width:20000em;
	position:absolute;
}

.program .item {
    float: left;
    height: auto;
    margin: 0 30px 0 0;
    width: 358px;
}
.program .item a .img{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	background: url(../images/358x240.jpg) center center no-repeat;
	background-size: cover;
}
.program .item h3, .news  .item h3 {
	text-transform: uppercase;
    font-size: 18px;
    margin: 16px 0 6px;
    padding:0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.program>.controls {
    margin: auto;
    z-index: 10;
	position:absolute;
	width:100%;
}
.program>.controls {}
.program>.scroller {
	top:56px;
}
.program .controls a.browse{
	display:block;
	width:9px;
	height:15px;
    background: url(../images/sprite.png) -30px 0 no-repeat;
	position:absolute;
	top:11px;
	left:0;
	opacity:0.5;
	cursor:pointer;
}
.program .controls a.browse:hover{
	opacity:1.0;
}
.program .controls a.browse.right{
    background-position: -45px 0;
    left:auto;
	right:0;
}

.partners{
	text-align:center;
}
.partners a{
	display:inline-block;
	width:150px;
	height:114px;
    background: url(../images/trans.gif) center center no-repeat;
}

.player{
	width: 100%;
}
.player iframe{
	width: 100%;
	height: 100%;
}



@media screen and  (max-width:1260px) {
	.tri{
		margin: 30px auto 0 auto;
		width:  calc( 100vw - 80px );
	    grid-column-gap: 32px;
	}
	.program {
	    width:  calc( 100vw - 80px );
	    margin: auto;
	}
	.program .scroller{
	    --display: grid;
	}	
	.program .item{
	    width:  calc( (100vw - 80px - 60px) / 3 );
	}	 
	.articles.news {
		width: calc( 100vw - 80px );
	}

}
@media screen and  (max-width:970px) {
	.tri{
		display: block;
	}
	.tri .col{
	    margin: 0;
	    padding-bottom: 10px;
	    text-align: center;
	}
	.tri .col:first-child{
		padding-bottom: 0;
	}
	.tri .col br{
		display: none;
	}
	.tri .col .apply{
		display: inline-block;
		margin: 20px 20px 0 20px;
	}
	.program .item{
	    width:  calc( (100vw - 80px - 30px) / 2 );
	}

	.articles.news {
	    grid-template-columns: 1fr 1fr;
	}
}
@media screen and  (max-width:500px) {
	.tri .col .tit, 
	.tri .col .dates,
	.tri .col .quote{
		text-align: left;
	}
	.tri .col .quote{
		padding-top: 12px;
	}
	.program .item{
	    width:  calc( 100vw - 40px );
	}	 
	.articles.news {
		display: block;
	}
}