/* LOAD FONTS */
@font-face {
    font-family: "iText";
    src: url("./fonts/itext_light.eot");
    src: url("./fonts/itext_light.eot?#iefix") format("embedded-opentype"), url("./fonts/itext_light.woff2") format("woff2"), url("./fonts/itext_light.woff") format("woff"), url("./fonts/itext_light.svg#webfont") format("svg");
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "iText";
    src: url("./fonts/itext_light_italic.eot");
    src: url("./fonts/itext_light_italic.eot?#iefix") format("embedded-opentype"), url("./fonts/itext_light_italic.woff2") format("woff2"), url("./fonts/itext_light_italic.woff") format("woff"), url("./fonts/itext_light_italic.svg#webfont") format("svg");
    font-weight: 300; font-style: italic; font-display: swap;
}

@font-face {
    font-family: "iText";
    src: url("./fonts/itext_regular.eot");
    src: url("./fonts/itext_regular.eot?#iefix") format("embedded-opentype"), url("./fonts/itext_regular.woff2") format("woff2"), url("./fonts/itext_regular.woff") format("woff"), url("./fonts/itext_regular.svg#webfont") format("svg");
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "iText";
    src: url("./fonts/itext_italic.eot");
    src: url("./fonts/itext_italic.eot?#iefix") format("embedded-opentype"), url("./fonts/itext_italic.woff2") format("woff2"), url("./fonts/itext_italic.woff") format("woff"), url("./fonts/itext_italic.svg#webfont") format("svg");
    font-weight: normal; font-style: italic; font-display: swap;
}

@font-face {
    font-family: "iText";
    src: url("./fonts/itext_bold.eot");
    src: url("./fonts/itext_bold.eot?#iefix") format("embedded-opentype"), url("./fonts/itext_bold.woff2") format("woff2"), url("./fonts/itext_bold.woff") format("woff"), url("./fonts/itext_bold.svg#webfont") format("svg");
    font-weight: bold; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "iText";
    src: url("./fonts/itext_bold_italic.eot");
    src: url("./fonts/itext_bold_italic.eot?#iefix") format("embedded-opentype"), url("./fonts/itext_bold_italic.woff2") format("woff2"), url("./fonts/itext_bold_italic.woff") format("woff"), url("./fonts/itext_bold_italic.svg#webfont") format("svg");
    font-weight: bold; font-style: italic; font-display: swap;
}

body { padding:20px; font:normal 16px/26px iText, sans-serif; color:#000; background:#000 url(../images/background.jpg) no-repeat center center; 
	background-size: cover; box-sizing: border-box; height: 100vh; }
.exit5_pgwrapin {
	margin:0; padding:30px; display:block; width:100%; max-width:640px; box-sizing: border-box;
	border-radius: 20px; background:#FFFFFF;  box-shadow: 0 3px 5px rgba(0,0,0,.05);
	position: absolute; top: 30%; left: 50%; transform: translate(-50%, -30%);
}

.exit5_titlebox { margin:0 0 30px 0;  text-align: center; }
.exit5_titlebox h1 {
	margin:0 0 2px 0; border:none; font:bold 28px/36px iText, sans-serif; color: #000; text-transform: uppercase; text-align: center;
}
.exit5_title_desc { font:normal 16px/24px iText, sans-serif; color: #555; text-align: center; margin-bottom:30px }
.exit5_message { margin:0 0 30px 0; padding:0; font:normal 16px/28px iText, sans-serif; color: #000; text-align: left; }
.exit5_message_error { margin:0 0 30px 0; padding:8px; font:normal 15px/23px iText, sans-serif; color: #FFFFFF; text-align: left; background-color: #f68a23; border-radius:0px; }
label.exit5_label { font:normal 17px/25px iText, sans-serif; color:#000; margin:0 0 3px 0; padding:0; display:block; float:none; width:100%; }
input.exit5_smpgtext, input[type=text].exit5_smpgtext, input[type=password].exit5_smpgtext, input.exit5_smpgtext:hover, input.exit5_smpgtext:focus {
	width: 100%; height: 42px; box-sizing: border-box; border-radius: 0; border: 0; border-bottom: 1px solid #c8c8c8; box-shadow:none; background: #FFFFFF; margin:0; padding:10px; font:normal 15px/23px iText, sans-serif; color: #000; outline: none; letter-spacing: 0;
}
input#uname:focus { background: #FFFFFF; border: 1px solid #c8c8c8; }
input#pword:focus { background: #FFFFFF; border: 1px solid #c8c8c8; }

button[type=submit].exit5_btn, button[type=button].exit5_btn, button.exit5_btn {
	display:block; width:auto; box-sizing: border-box; border-radius: 40px; border: 1px solid #738ec0; color: #FFFFFF; outline: none;
	cursor:pointer; background: #738ec0; font:bold 17px/27px iText, sans-serif; text-transform: uppercase; transition: ease .5s all;
	margin:0 auto; padding: 15px 30px; box-shadow:none; text-align:center; white-space: nowrap; text-overflow: ellipsis; letter-spacing: 0;
}
button[type=submit].exit5_btn:hover, button[type=button].exit5_btn:hover, button.exit5_btn:hover { background:#48669f; border: 1px solid #48669f; color: #fff }
.exit5_lang_wrap { margin:0 0 30px 0; padding:0 20px; box-sizing: border-box; }
.exit5_lang_wrap img { width:32px; height:32px; float:left; margin:0 10px 0 0; padding:0; border:none; vertical-align:middle; filter: grayscale(100%); }
.exit5_lang_wrap:hover img { filter: none; }
.exit5_lang_selwrap { margin:0 0 0 42px; padding:0; }
select.exit5_select_lang, select.exit5_select_lang:hover, select.exit5_select_lang:focus {
	margin:0; padding:6px; color: #000; border:none; border-radius:0; display:block; width:100%; height:auto; box-shadow: none;
	font: 14px/22px iText, sans-serif; background: #FFFFFF; box-sizing: border-box;
}
select.exit5_select_lang option { background:#FFFFFF; }
select.exit5_select_lang:hover { color:#111111; }
select.exit5_select_lang:focus { color:#111111; outline:none; }

.exit5_pgfooter { margin:30px 0 0 0; }
.exit5_pgfooter_copy { margin:0 0 5px 0; text-align:center; font: normal 15px/19px iText, sans-serif; color:#444; }
.exit5_pgfooter_copy a, .exit5_pgfooter_copy a:visited, .exit5_pgfooter_copy a:active, .exit5_pgfooter_copy a:hover {
	margin:0; padding:0; text-decoration:none; border:none; font: normal 15px/19px iText, sans-serif; color:#888;
}
.exit5_pgfooter_copy a:hover { text-decoration: underline;}
a.exit5_powerby, a.exit5_powerby:visited, a.exit5_powerby:active, a.exit5_powerby:hover {
	margin:0; padding:0; display:block; text-align:center; text-decoration:none; border:none; font: normal 15px/18px iText, sans-serif; color:#888;
}
a.exit5_powerby:hover { text-decoration: underline }
.exit5_refcode { margin:0 0 16px 0; font:normal 14px/17px iText, sans-serif; color: #6d6e71; box-sizing: border-box; }
.exit5_refcode span { display:inline-block; padding:5px 10px; background-color:#738ec0; font:normal 14px/19px 'iText', monospace; color:#FFFFFF; box-sizing: border-box; }
.exit5_horlinks { margin:30px 0; text-align:center; box-sizing:border-box; }
.exit5_horlinks a, .exit5_horlinks a:visited, .exit5_horlinks a:active, .exit5_horlinks a:hover {
	margin:0 10px 10px 0; border:none; text-decoration: none; font:normal 15px/23px iText, sans-serif; color: #444444;
	display:inline-block; width:auto; text-align: center; background:#EFEFEF; padding:2px 10px;
}
.exit5_horlinks a:hover { background:#31649D; color:#FFFFFF; }
.exit5_errurl {
	margin:0 0 30px 0; border:none; text-decoration: none; font:bold 15px/26px iText, sans-serif; color: #000;
	text-align: left; background:#EFEFEF; border-radius: 0px; overflow:hidden; word-wrap: nowrap; letter-spacing: 0;
	padding:5px 10px;
}
ul.exit5_menu { margin:20px 0; padding:0; text-indent:0; list-style:none; }
ul.exit5_menu > li {
	margin:0 0 4px 0; padding:0; list-style:none; border:none; text-indent:0; font:normal 14px/20px iText, sans-serif; color:#000;
	display: block; box-sizing: border-box;
}
ul.exit5_menu > li > a {
	margin:0; padding:4px 12px; display:block; width:100%; background: #e8e8e8; box-sizing: border-box; 
	font:normal 14px/26px iText, sans-serif; color: #444; text-decoration: none; 
}
ul.exit5_menu > li > a i { margin-right:8px; }
ul.exit5_menu > li > a:hover { background-color:#738ec0; transition: ease .5s; color: #fff;}
.copynote {font-size: 13px; text-align: center;} .copynote a {color:#14448b; text-decoration: none;} .copynote a:hover {color: #000; }
@media only screen and (max-width:680px) {
	label.exit5_label { display:none; visibility:hidden; }
	.exit5_message { display:none; visibility:hidden; }
	.exit5_powerby { display:none; visibility:hidden; }
	.exit5_pgwrapin { max-width: 90%; width: 90%; }
}