/* LOAD FONTS 
@font-face {
    font-family: 'Averta';
    src: url('fonts/averta-regular.woff2') format('woff2'), url('fonts/averta-regular.woff') format('woff');
    font-weight: normal; font-display: swap;
}
@font-face {
    font-family: 'Averta';
    src: url('fonts/averta-bold.woff2') format('woff2'), url('fonts/averta-bold.woff') format('woff');
    font-weight: bold; font-display: swap;
}
@font-face {
    font-family: 'Averta';
    src: url('fonts/averta-extrabold.woff2') format('woff2'), url('fonts/averta-extrabold.woff') format('woff');
    font-weight: 900; font-display: swap;
}*/
body { padding:20px; font:normal 15px/18px Helvetica Neue, Helvetica, Arial, sans-serif; color:#4a4f54; background:#345166;  box-sizing: border-box;  transition: none;}
.exit5_pgwrapin {
	margin:100px auto 0 auto; padding:20px; display:block; width:100%; max-width:480px; box-sizing: border-box; position: relative;
	 background:rgba(255, 255, 255, 0.04); border-radius: 4px;
}

a { transition: ease .5s all; }
.exit5_titlebox { margin:0 0 20px 0;  text-align: center; }
.exit5_titlebox h1 {
	margin:0 0 2px 0; border:none; font:bold 18px/25px Helvetica Neue, Helvetica, Arial, sans-serif; color: #111; text-transform: uppercase; text-align: center;
}
.exit5_title_desc { font:normal 14px/18px Helvetica Neue, Helvetica, Arial, sans-serif; color: #222; text-align: center; }
.exit5_message { margin:0 0 20px 0; padding:0; font:normal 14px/21px Helvetica Neue, Helvetica, Arial, sans-serif; color: #222; text-align: left; }
.exit5_message_error { margin:0 0 20px 0; padding:8px; font:normal 14px/21px Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-align: left; background-color: rgba(255,255,255,0.2); border-radius:4px; }
label.exit5_label { font:normal 14px/23px Helvetica Neue, Helvetica, Arial, sans-serif; color:#dce3ec; 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: 0px; border: none; border-left: 4px solid #cee23b; box-shadow:none; background: transparent;
	margin:0; padding:10px 20px; font:normal 14px/17px Helvetica Neue, Helvetica, Arial, sans-serif; color: #dfeef5; outline: none;
}
input#uname { background: transparent; }
input#uname:focus { background: transparent; border-left: 4px solid #cee23b; border-bottom: 1px solid #cee23b; }
input#pword { background: transparent; }
input#pword:focus { background: transparent; border-left: 4px solid #cee23b; border-bottom: 1px solid #cee23b;}
input#uname:active, input#pword:active { border-left: 4px solid #cee23b; border-bottom: 1px solid #cee23b;}
/* Chrome fix */
@-webkit-keyframes unamebg { to { background: #FFFFFF; } }
@-webkit-keyframes unamebgfoc { to { background: #FFFFFF; } }
@-webkit-keyframes pwordbg { to { background: #FFFFFF; } }
@-webkit-keyframes pwordbgfoc { to { background: #FFFFFF; } }
input#uname:-webkit-autofill { -webkit-animation-name: unamebg; -webkit-animation-fill-mode: both; }
input#uname:focus:-webkit-autofill { -webkit-animation-name: unamebgfoc; -webkit-animation-fill-mode: both; }
input#pword:-webkit-autofill { -webkit-animation-name: pwordbg; -webkit-animation-fill-mode: both; }
input#pword:focus:-webkit-autofill { -webkit-animation-name: pwordbgfoc; -webkit-animation-fill-mode: both; }
button[type=submit].exit5_btn, button[type=button].exit5_btn, button.exit5_btn {
	display:block; width:100%; box-sizing: border-box; border-radius: 0px; border: none; color: #dfeff4; outline: none;
	cursor:pointer; background: #668b96; font:normal 14px/17px Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase;
	margin:0; padding: 10px; box-shadow:none; text-align:center; white-space: nowrap; text-overflow: ellipsis; transition: ease .5s all;
}
button[type=submit].exit5_btn:hover, button[type=button].exit5_btn:hover, button.exit5_btn:hover { background:#345166; color: #fff; }
.exit5_lang_wrap { margin:0 0 20px 0; padding:0 20px; box-sizing: border-box; display: none;}
.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/20px Helvetica Neue, Helvetica, Arial, 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 13px/17px Helvetica Neue, Helvetica, Arial, sans-serif; color:#597386; letter-spacing: .3px; }
.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: 13px/17px Helvetica Neue, Helvetica, Arial, sans-serif; color:#597386; letter-spacing: .3px;
}
.exit5_pgfooter_copy a:hover { color:#dfeff4;}
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 13px/16px Helvetica Neue, Helvetica, Arial, sans-serif; color: #597386; letter-spacing: .3px;
}
a.exit5_powerby:hover { color:#dfeff4;}
.exit5_refcode { margin:0 0 16px 0; font:normal 14px/17px Helvetica Neue, Helvetica, Arial, sans-serif; color: #000; box-sizing: border-box; }
.exit5_refcode span { display:inline-block; padding:5px 10px; background-color:#cee23b; font:normal 12px/15px 'Consolas', 'Lucida console', monospace; color:#000; border-radius: 0px; 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 14px/23px Helvetica Neue, Helvetica, Arial, sans-serif; color: #658b96;
	display:inline-block; width:auto; text-align: center; background:transparent; border-radius: 0px;
	padding:2px 10px;
}
.exit5_horlinks a:hover { background:transparent; color:#dfeef5; }
.exit5_errurl {
    margin: 0 0 20px 0; border: none; text-decoration: none; font: normal 14px/23px Helvetica Neue, Helvetica, Arial, sans-serif; color: #dfeef5; text-align: left; background: #345166; border-radius: 4px; overflow: hidden; padding: 4px 10px 6px 10px;
}
ul.exit5_menu { margin:20px 0; padding:0; text-indent:0; list-style:none; }
ul.exit5_menu > li {
	margin:0; padding:0; list-style:none; border:none; text-indent:0; font:normal 14px/18px Helvetica Neue, Helvetica, Arial, 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: transparent; box-sizing: border-box;
	font:normal 14px/24px Helvetica Neue, Helvetica, Arial, sans-serif; color: #658b96; text-decoration: none; border-radius:0px;
}
ul.exit5_menu > li:first-child > a { color: #dfeef5; }
ul.exit5_menu > li > a i { margin-right:8px; }
ul.exit5_menu > li > a:hover { color:#dfeef5; }
.logoc {position: absolute; right:50%; left: 50%; top: -60px; transform: translateX(-50%);}

@media only screen and (max-width:920px) {
	.exit5_pgwrapin { margin-top: 90px; } 
}
@media only screen and (max-width:850px) {
	.exit5_pgwrapin { margin-top: 70px; } 
}
@media only screen and (max-width:650px) {
	.exit5_pgwrapin { margin-top: 50px; }  .logoc { width: 130px;} body {padding: 40px 0;} 
	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 { width:auto; max-width: auto; }
    

}