@charset "utf-8";

/*---------------------------------------------------------------------- @group movie parts*/
.a-basic-menu,.a-over-main{position: relative;}
.a-videopanel{z-index: 1}
.a-over-main{z-index: 2}
.a-basic-menu{z-index: 100}
.a-videopanel{
	position: relative}
.a-videopanel video{  object-fit: cover}
.a-videopanel .a-videopanel-video{
	width:100%}
/*.a-videopanel .a-videopanel-overbtn{display: none}*/

.a-videopanel .a-videopanel-overtext{
	position: relative;
	background-color: #fff;
	padding: 1em;
	text-align: center;
	margin-bottom: 48px}
.a-videopanel .a-videopanel-overtext .a-maincatch,
.a-atokcloud .a-heading2 {	font-size: 28px}

.a-videopanel .a-videopanel-overbtn{
	font-size: 16px;
	position:absolute;
	right:24px;
	top: 24px;
	color:#fff;
	padding:12px;
	font-size:16px;
	line-height: 1;
background: #7bb5b0;/* Old Browsers */
background: -moz-linear-gradient(top, #7bb5b0 0%, #43ada6 41%, #49a2bd 100%); /* FF3.6+ */
background: -webkit-gradient(left top, left bottom, color-stop(0%, #7bb5b0), color-stop(41%, #43ada6), color-stop(100%, #49a2bd));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, #7bb5b0 0%, #43ada6 41%, #49a2bd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7bb5b0 0%, #43ada6 41%, #49a2bd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7bb5b0 0%, #43ada6 41%, #49a2bd 100%); /* IE 10+ */
background: linear-gradient(to bottom, #7bb5b0 0%, #43ada6 41%, #49a2bd 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bb5b0', endColorstr='#49a2bd', GradientType=0 );/* IE6-9 */
}
.a-videopanel .a-videopanel-overbtn a{color: #fff}
.a-videopanel .a-videopanel-overbtn a:hover{text-decoration: none}

@media screen and (min-width:768px) {
	.a-videopanel .a-videopanel-overtext .a-maincatch,
	.a-atokcloud .a-heading2 {	font-size: 34px}
	.a-videopanel .a-videopanel-overtext{
		max-width: 35em;
		position:absolute;
		top:50%;
		padding:8px;
		text-align: left;
		color:#333;
		background-color:transparent;
		margin-bottom: 0}
	.a-video-mtg.a-videopanel .a-videopanel-overtext{
		right:0;
		padding: 24px;
		background-color: rgba(255, 252, 252, .5);}
	.a-video-flick.a-videopanel .a-videopanel-overtext{
		left:1em;
		background-color: rgba(255, 255, 255, .5);
		padding:12px;
			}
	.a-videopanel .a-videopanel-overtext h2{
		font-size: 28px}
	.a-videopanel .a-videopanel-overtext h2+p{
		font-size: 16px}
/*	.a-videopanel .a-videopanel-overbtn{
		font-size:24px;
		right: 48px;
		top: 144px;
		padding: 24px}*/
	.a-videopanel,
	.a-videopanel video{
		margin-top: -84px}
	.a-over-main{
		margin-top: -65px;
		background-color: #fff;
		padding-top: 72px
	}
}

@media screen and (min-width:992px) {
	.a-videopanel .a-videopanel-overcolor{
	position:absolute;
	top:0;
	right: 0;
	width:100%;
	height:100%;
	/*background: linear-gradient(-45deg, rgba(242,242,242,0.8), rgba(255,255,255,0.2))*/
	}

	.a-video-mtg.a-videopanel .a-videopanel-overcolor{
	background: -moz-linear-gradient(top,  rgba(246,248,249,0) 0%, rgba(231,237,239,0) 44%, rgba(229,235,238,0.8) 50%, rgba(215,222,227,0.75) 53%, rgba(216,223,228,0) 55%, rgba(245,247,249,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(246,248,249,0) 0%,rgba(231,237,239,0) 44%,rgba(229,235,238,0.8) 50%,rgba(215,222,227,0.75) 53%,rgba(216,223,228,0) 55%,rgba(245,247,249,0) 100%);
	background: linear-gradient(to bottom,  rgba(246,248,249,0) 0%,rgba(231,237,239,0) 44%,rgba(229,235,238,0.8) 50%,rgba(215,222,227,0.75) 53%,rgba(216,223,228,0) 55%,rgba(245,247,249,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f8f9', endColorstr='#00f5f7f9',GradientType=0 );

	}
	.a-videopanel .a-videopanel-overtext{
		max-width: 40em;
		top:47%}
	.a-videopanel .a-videopanel-overtext h2{
		font-size: 36px}
	.a-videopanel .a-videopanel-overtext h2+p{
		font-size: 20px}
}



/*@end */
/*videocontrol*/
*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}
.a-aboutatok a,
.a-atokcloud a{
	color:#555}
.a-aboutatok a:hover div,
.a-atokcloud a:hover{opacity: .5}