.clearfix {
    clear: both;
}
/*  FONTS   */

@font-face {
    font-family: 'robotoblack';
    src: url('fonts/Roboto-Black-webfont.eot');
    src: url('fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Black-webfont.woff') format('woff'),
        url('fonts/Roboto-Black-webfont.ttf') format('truetype'),
        url('fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0020-F6C3;
} 
@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Bold-webfont.woff') format('woff'),
        url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
        url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+000D-F6C3;

}
@font-face {
    font-family: 'robotolight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Light-webfont.woff') format('woff'),
        url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
        url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+000D-F6C3;

}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular-webfont.woff') format('woff'),
        url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
        url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+000D-F6C3;

}
@font-face {
    font-family: 'robotothin';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Thin-webfont.woff') format('woff'),
        url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
        url('fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+000D-F6C3;
}
.eupopup-container {
	background-color: #df0024;
	color: #ffffff;
	padding: 10px 20px;
	font-size: 10px;
	line-height: 1.7em;
	text-align: center;
	display: none;
	z-index: 9999999;
    position: absolute;
	top: 0; left: 0; right: 0;
    font-family: 'robotoregular', sans-serif;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
	position: fixed;
}

.eupopup-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
}

.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #ffffff;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: 'robotoregular', sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #ffffff;
	text-decoration: none;
}

.eupopup-head {
	font-size: 14px;
    font-family: 'robotobold', sans-serif;
	padding: 7px;
	color: #ffffff;
}

.eupopup-body {
	font-size: 12px;
    color: #ffffff;
    font-family: 'robotoregular', sans-serif;
}

.eupopup-buttons {
	padding: 7px 0 5px 0;
}

.eupopup-button_1 {
	background-color: #ffffff;
    color: #df0024;
    border-radius: 4px;
    padding: 2px 10px;
	font-size: 12px;
    font-family: 'robotobold', sans-serif;
}

.eupopup-button_2 {
	color: #ffffff;
	font-size: 12px;
    font-family: 'robotoregular', sans-serif;
}

.eupopup-button {
	margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: none;
	color: #36454d;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}