@charset "UTF-8";
/* CSS Document */
.moduletable.announcement {
	border-top:			1px solid #fff;
	background:			#000;
	line-height:		90px;
	font-size:			24px;
	text-align:			center;
	/*text-transform: 	uppercase;*/
	color: 				#fff;
	font-weight: 		bold;
}
.moduletable.announcement.below {
	position:			fixed;
	bottom:				0;
	left:				0;
	width:				100%;
	z-index:			999;	
}
.moduletable.announcement * {
	display:			inline-block;
}
.moduletable.announcement .box.form a {
	color: 				#fff !important;
	background: 		#00aeef;
	padding:  			0 40px;
	display:  			inline-block;
	margin: 			0 auto;
	font-size: 			24px;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25); 
    box-shadow: 		0px 3px 6px 0px rgba(0,0,0,0.25);
	line-height:		50px;	
	margin-left:		20px;
	text-decoration:    none;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

.moduletable.announcement .box.form a:hover {
	color: 				#00aeef !important;
	background-color:  #fff ;
}
.moduletable.announcement .close {
	cursor: 			pointer;
	margin-left:		20px;
	/*filter: 			invert(100%);*/
}
.moduletable.announcement.matura {
	background-color: transparent;
	background-image: url("../images/xtra-belka-matura-bg-desktop_v2.png");
	background-size: contain;
	background-position: bottom left;
	background-repeat: no-repeat;
	border-top: none;
	background-color: #feaf28;
		
}

.custom.announcement.matura {
    margin-left: 10%;
    margin-right: auto;
}


.moduletable.announcement.matura img{
	filter: brightness(0.8);
}

.moduletable.announcement.matura .box span{
	color: #cc6608;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	padding-right: 30px;
	padding-left: 10px;
	font-weight: 100;
}

.moduletable.announcement.matura img.close {
    filter: brightness(10) !important;
}
.moduletable.announcement.matura .box.form a {
	background-color: #00aeef !important;
}

.moduletable.announcement.matura .box.form a:hover {
	background-color: #fff !important;
}


@media (max-width: 999px) {	

.moduletable.announcement .box.details {
		line-height: normal;
		font-size: 21px;
		padding: 30px 5px 20px 5px;
		border-top: solid 1px #FFFFFF; 
		}

	.moduletable.announcement .close {
		position: absolute;
		top: 10px;
		right: 10px;
		height: auto !important;
	}
	.moduletable.announcement {
		padding-bottom: 20px;
	}
	.moduletable.announcement.matura {
    background-size: 1000px;

	}
	.moduletable.announcement.matura .box span {
    display: block;
	}
	.custom.announcement.matura {
    margin-left: auto;
}
}