@charset "UTF-8";
/* CSS Document */

#notif, #notif * {
	box-sizing: border-box;
}
#notif {
	display: block;
	position: fixed;
	z-index: 999999;
	right: 0;
	left: 0;
	bottom: 0;
	pointer-events: none;
	background-color: rgba(0,0,0,.6);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.6)), to(rgba(0,0,0,0)));
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
	background: -moz-linear-gradient(bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
	background: -ms-linear-gradient(bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
	background: -o-linear-gradient(bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
	background-position: left bottom;
	background-repeat: repeat-x;
}
#notif .n-box-outer {
	min-height: 200px;
	padding-top: 4em;
}
#notif .n-bg {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 4em;
	right: -16%;
	width: 70%;
	max-width: 950px;
	background: rgba(224,0,7,.8);
	border-radius: 100%;
	/* border: 3px solid #fff; */
	/* border-color: #9f1318; */
	box-shadow: 0 0 26px rgba(0,0,0,.7);
}
#notif .n-bg img {
	display: inline-block;
	*display: inline;
	zoom: 1;
	line-height: 0;
	width: 100%;
}
#notif .n-box {
	position: relative;
	pointer-events: auto;
	float: right;
	width: 50%;
	min-width: 360px;
	max-width: 500px;
	margin: 2em;
	padding: 1em 1.5em;
	padding-top: 1.4em;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 13px;
	line-height: normal;
	color: #444;
	box-shadow: 8px 10px 0px rgba(0,0,0,.3);
}
#notif .n-close {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 2em;
	height: 2em;
	margin: .4em;
	border-radius: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDpub25lO30uY2xzLTJ7c3Ryb2tlOiNDQ0M7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5VbnRpdGxlZC0xPC90aXRsZT48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjcuOTk5IiB5MT0iMjIiIHgyPSIyMi4wMDEiIHkyPSI3Ljk5OSIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjIyIiB5MT0iMjIuMDAyIiB4Mj0iNy45OTkiIHkyPSI3Ljk5OSIvPjwvc3ZnPg==');
	text-decoration: none;
}
#notif .n-close:hover {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDpub25lO30uY2xzLTJ7c3Ryb2tlOiMwMDA7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5VbnRpdGxlZC0xPC90aXRsZT48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjcuOTk5IiB5MT0iMjIiIHgyPSIyMi4wMDEiIHkyPSI3Ljk5OSIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjIyIiB5MT0iMjIuMDAyIiB4Mj0iNy45OTkiIHkyPSI3Ljk5OSIvPjwvc3ZnPg==');
}
#notif .n-title {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	font-weight: 800;
	line-height: 1.2;
	margin: .8em 0;
}
#notif .n-title:first-child {
	margin-top: .2em;
	margin-bottom: .6em;
	padding-bottom: .4em;
	border-bottom: 1px solid #ddd;
}
#notif .n-box p {
	margin: 1em 0;
}
#notif .n-box p:last-child {}
#notif .n-box .n-title + p {
	margin-top: -.4em;
}
#notif .n-box .n-title:first-child + * {
	margin-top: 0;
}
#notif .n-box img {
	max-width: 100%;
}
#notif .n-box iframe {
	width: 100%;
	min-height: 250px;
	margin: 1em 0;
	border: none;
}
#notif .n-box .n-title + iframe {
	min-height: 200px;
}