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

@font-face {
    font-family: "Greta Sans";
    src: url("./fonts/Greta-Sans-Regular.eot");
    src: url("./fonts/Greta-Sans-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Greta-Sans-Regular.woff2") format("woff2"), url("./fonts/Greta-Sans-Regular.woff") format("woff"), 
    url("./fonts/Greta-Sans-Regular.svg#typotheque_webfonts_service") format("svg");
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "Greta Sans";
    src: url("./fonts/Greta-Sans-RegularItalic.eot");
    src: url("./fonts/Greta-Sans-RegularItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Greta-Sans-RegularItalic.woff2") format("woff2"), url("./fonts/Greta-Sans-RegularItalic.woff") format("woff"), 
    url("./fonts/Greta-Sans-RegularItalic.svg#typotheque_webfonts_service") format("svg");
    font-weight: normal; font-style: italic; font-display: swap;
}

@font-face {
    font-family: "Greta Sans";
    src: url("./fonts/Greta-Sans-Bold.eot");
    src: url("./fonts/Greta-Sans-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/Greta-Sans-Bold.woff2") format("woff2"), url("./fonts/Greta-Sans-Bold.woff") format("woff"), 
    url("./fonts/Greta-Sans-Bold.svg#typotheque_webfonts_service") format("svg");
    font-weight: bold; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "Greta Sans";
    src: url("./fonts/Greta-Sans-BoldItalic.eot");
    src: url("./fonts/Greta-Sans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Greta-Sans-BoldItalic.woff2") format("woff2"), url("./fonts/Greta-Sans-BoldItalic.woff") format("woff"), 
    url("./fonts/Greta-Sans-BoldItalic.svg#typotheque_webfonts_service") format("svg");
    font-weight: bold; font-style: italic; font-display: swap;
}

body { padding:20px; font:normal 17px/20px Greta Sans, sans-serif; color:#000; background:#000 url(../images/keribg.jpg) no-repeat center center; 
	background-size: cover; box-sizing: border-box; height: 100vh; letter-spacing: -0.2px; }
.exit5_pgwrapin {
	margin:0; padding:20px; display:block; width:100%; max-width:480px; box-sizing: border-box;
	border-radius: 0; 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 20px 0;  text-align: center; }
.exit5_titlebox h1 {
	margin:0 0 2px 0; border:none; font:bold 24px/30px Greta Sans, sans-serif; color: #000; text-transform: uppercase; text-align: center;
}
.exit5_title_desc { font:normal 18px/23px Greta Sans, sans-serif; color: #6d6e71; text-align: center; }
.exit5_message { margin:0 0 20px 0; padding:0; font:normal 17px/23px Greta Sans, sans-serif; color: #000; text-align: left; }
.exit5_message_error { margin:0 0 20px 0; padding:8px; font:normal 17px/23px Greta Sans, sans-serif; color: #FFFFFF; text-align: left; background-color: #f68a23; border-radius:5px; }
label.exit5_label { font:normal 17px/25px Greta Sans, 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 17px/21px Greta Sans, sans-serif; color: #000; outline: none;
}
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:100%; box-sizing: border-box; border-radius: 50px; border: 1px solid #47a5ae; color: #FFFFFF; outline: none;
	cursor:pointer; background: #47a5ae; font:bold 18px/21px Greta Sans, sans-serif; text-transform: uppercase; transition: ease .5s all;
	margin:0; padding: 10px; 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:#427d97; border: 1px solid #427d97; }
.exit5_lang_wrap { margin:0 0 20px 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: 17px/22px Greta Sans, 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 Greta Sans, 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: 300 15px/19px Greta Sans, 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: 300 15px/18px Greta Sans, sans-serif; color:#888;
}
a.exit5_powerby:hover { text-decoration: underline }
.exit5_refcode { margin:0 0 16px 0; font:normal 17px/17px Greta Sans, sans-serif; color: #6d6e71; box-sizing: border-box; }
.exit5_refcode span { display:inline-block; padding:5px 10px; background-color:#47a5ae; font:normal 16px/19px 'Greta Sans', monospace; color:#FFFFFF; border-radius: 3px; 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:300 15px/23px Greta Sans, sans-serif; color: #444444;
	display:inline-block; width:auto; text-align: center; background:#EFEFEF; border-radius: 3px;
	padding:2px 10px;
}
.exit5_horlinks a:hover { background:#31649D; color:#FFFFFF; }
.exit5_errurl {
	margin:0 0 20px 0; border:none; text-decoration: none; font:bold 17px/26px Greta Sans, sans-serif; color: #444;
	text-align: left; background:#EFEFEF; border-radius: 3px; overflow:hidden; word-wrap: nowrap; letter-spacing: 0;
	padding:4px 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 17px/20px Greta Sans, 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 17px/26px Greta Sans, sans-serif; color: #444; text-decoration: none; border-radius:3px;
}
ul.exit5_menu > li > a i { margin-right:8px; }
ul.exit5_menu > li > a:hover { background-color:#47a5ae; transition: ease .5s; color: #fff;}

@media only screen and (max-width:650px) {
	.exit5_pgwrapin { top: 20%; transform: translate(-45%, -20%); left: 45%; }
	label.exit5_label { display:none; visibility:hidden; }
	.exit5_message { display:none; visibility:hidden; }
	.exit5_powerby { display:none; visibility:hidden; }
}
@media only screen and (max-width:480px) {
	.exit5_pgwrapin { max-width: 90%; width: 90%; }
}