*{
	outline:0px !important;
	box-sizing:border-box;
}
html,body{
	font-family: Arial, sans-serif !important;
	position: fixed !important;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */}
.page_header { display: flex; align-items: flex-start; justify-content: space-between; padding: 10px;box-sizing: border-box;position: fixed;top: 0;width: 100%; z-index: 2;}
.sec_header { position: absolute; width: 100%; top: 0px; justify-content: space-between; padding: 25px; box-sizing: border-box;display: flex; align-items: flex-start; z-index: 1;}
.logo img {height: 80px;position: relative;top: -15px;left: -12px;}
.retry{border: 1px solid #fff;font-family: arial;color: #fff;border-radius: 50px;box-shadow: 0 0 2px 1px rgba(16, 16, 16, 0.3);background: rgba(147, 147, 147, 0.6);    padding: 5px 20px !important;margin: 15px 0px;font-size: 18px;cursor:pointer}
.password_page/*password-page*/
{position: absolute;width: 100%;height: 100%;background-color: #000;z-index: 9;top: 0; display:none;}
.password_box{display: flex;align-items: center;justify-content:center; height:100%;flex-direction: column;}
.password_text{ color:#e5b851; font-size:22px; margin:0;}
.password_field{ background-color:#1e231c; border:1px solid #e5e2e2; color:#ffffff; border-radius:10px;padding: 12px;max-width: 450px;width: 100%; margin:15px 0 30px 0; font-size:24px;}
.password_submit{ background-color:#60993a; border:0px; color:#153c1e; border-radius:50px;padding: 12px !important;max-width: 450px;width: 100%;font-weight: bold ;font-size:24px; cursor: pointer;}
.password_submit:hover{padding: 12px !important;}
.serverText {
    font-size: 26px;
}
.retry {
    border: 1px solid #fff;
    font-family: arial;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 2px 1px rgb(16 16 16 / 30%);
    background: rgba(147, 147, 147, 0.6);
    padding: 5px 20px !important;
    margin: 15px 0px;
    font-size: 18px;
    cursor: pointer;
}
.retry:active,.retryActive {
    background-color: white !important;
    color: black !important;
}



/*preloader -- Start*/
#preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    color: #ffffff;
    z-index: 9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


#preloader{ position:absolute; width:100%; height:100%; background-color: #000000; color: #ffffff; z-index:9;font-family: Arial, Helvetica, sans-serif;font-size: 17px; overflow:hidden;display: flex;align-items: center;justify-content: center;}
@keyframes lds-rolling {0% { -webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% { -webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);}}
@-webkit-keyframes lds-rolling {0% { -webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}
.lds-rolling {position: relative;}
.lds-rolling div,.lds-rolling div:after {position: absolute;width: 160px; height: 160px;border: 20px solid #5ead07;
border-top-color: transparent;border-radius: 50%;}
.lds-rolling div {-webkit-animation: lds-rolling 1s linear infinite;animation: lds-rolling 1s linear infinite;top: 100px;left: 100px;}
.lds-rolling div:after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.lds-rolling {width: 71px !important;height: 71px !important;-webkit-transform: translate(-35.5px, -35.5px) scale(0.355) translate(35.5px, 35.5px);transform: translate(-35.5px, -35.5px) scale(0.355) translate(35.5px, 35.5px);}
/*preloader -- End*/




/*Media queries*/
@media screen and (max-width:1601px) {
.logo img { height: 65px;top: -12px;left: -12px;}
.password_text{ font-size:20px;}
.password_field{font-size:22px; max-width:400px; margin:15px 0 25px 0;}
.password_submit{font-size:22px; max-width:400px;}
.serverText {
    font-size: 24px;
}
}
@media screen and (max-width:1450px) {
.logo img { height: 60px;}
.password_text{ font-size:18px;}
.password_field{font-size:20px; max-width:350px; margin:10px 0 20px 0;}
.password_submit{font-size:20px; max-width:350px;}
}
 @media screen and (min-width: 767px) and (max-width:1024px) and (orientation:portrait) {
.password_text{ font-size:16px;}
.password_field{font-size:18px; max-width:330px; margin:10px 0 15px 0;}
.password_submit{font-size:18px; max-width:330px;}
}


@media screen and (max-height:515px) and (orientation:portrait){
	.SNTE_errorContent{
		margin-top:20px;
	}
	.SNTE_oops{
		margin-top: 50px;
	}
}
@media screen and (max-height:470px) and (orientation:portrait){
	.SNTE_errorContent{
		margin-top:90px;
	}
	.SNTE_oops{
		margin-top: 50px;
	}
	.SNTE_baby img {height: auto;width: 150px;}
}


@media only screen and (max-device-width: 480px) {
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
	.page_header { display: flex; align-items: flex-start; justify-content: space-between; padding: 10px;box-sizing: border-box;position: fixed;top: 0;width: 100%; z-index: 2;}
	.sec_header { position: absolute; width: 100%; top: 0px; text-align:center;}
	.logo img {height: 45px;position: relative;left: -8px;top: 2px;}
	.password_page/*password-page*/
	{position: absolute;width: 100%;height: 100%;background-color: #000;z-index: 9;top: 0;display:none}
	.password_box{display: flex;align-items: center;justify-content:center; height:100%;flex-direction: column;}
	.password_text{ color:#e5b851; font-size:12px; margin:0;}
	.password_field{ background-color:#1e231c; border:1px solid #e5e2e2; color:#ffffff; border-radius:10px;padding: 8px;max-width: 290px;width: 100%; margin:5px 0 15px 0;font-size:14px;box-sizing: border-box;}
	.password_submit{ background-color:#60993a; border:0px; color:#153c1e; border-radius:20px;padding: 10px;max-width: 290px;width: 100%;font-weight: bold;font-size:14px; }
}

body[data-ismobile="true"] .password_text {
    color: #e5b851;
    font-size: 12px;
    margin: 0;
}

body[data-ismobile="true"] .serverText {
    font-size: 14px;
    text-align: center;
    padding: 0px 15px;
}

body[data-ismobile="true"] .retry {
    border: 1px solid #fff;
    font-family: arial;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 2px 1px rgb(16 16 16 / 30%);
    background: rgba(147, 147, 147, 0.6);
    padding: 5px 20px !important;
    margin: 10px 0px;
    font-size: 12px;
    cursor: pointer;
}