body{
    background:url(img/bb.png) no-repeat center center fixed !important; 
    overflow-y: auto;
	overflow-x: hidden;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width: 100%;
}
#tl1{
	/*height:253; margin-top:176px*/
    margin-top: 2em;
    background: white;
    width: 360px;
	border-radius: 7px;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(181,181,181,1);
	-moz-box-shadow: 0px 3px 6px 0px rgba(181,181,181,1);
	box-shadow: 0px 3px 6px 0px rgba(181,181,181,1);
}
#p102{
	/* background:url(img/login.gif) no-repeat; width:360; height:162; */
	width:360px;
	padding:20px 20px 0;
}
#p102 table{
	float: right;
}
#p104{
    height: 100%;
    padding-top: 7px;
    display: block;
    color: #4586c7;
    font-size: 12px;
    font-family: verdana;
    line-height: 22px;
}
.lin{
    width: 189px;
    height: 24px;
    border-top: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    border-bottom: solid 1px #2b2928;
    font-size: 14px;
    font-family: verdana;
    color: #323232;
    margin-bottom: 8px;
    outline: none;
    background: aliceblue;
    padding-top: 3px;
}
.lb{
    width:68px;
    border:0;
    outline:0;
    outline:none;
    background:url(img/dlg.gif);width:68;
    font-size:12px;
    line-height:12px;
    font-family:verdana;
    color:#323232;
    height:22;
    margin-top:5px;
    margin-left:121px;
    cursor:pointer;
}
.lb1{
    width:68px;
    border:0;
    outline:0;
    outline:none;
    /*background:url(img/dlg.gif); color:#323232; height: 22px;*/
    font-size:12px;
    line-height:12px;
    font-family:verdana;
    margin-top:2px;
	margin-right:0px;
    cursor:pointer;
	/**/
    color:#fbb900;
	height: 30px;
    border-radius: 3px;
	border: 2px solid #fbb900;
	background: #ffffff;
}
.lb1:hover{
	background: #FFECB3;
    color: #232f3e;
    border-color: #FFC107;
}
.rem_tbl{font-family:verdana;font-size:12px;color:#565656;}
.remtd{padding-top:4px}
.remtd > input{
	margin: 3px 3px 0 0 !important;
}
.rem-label{padding-top: 7px;}
.err{
    font-size:11px;
    line-height:12px;
    font-family:verdana;
    color:#ff0000;
    padding:0 0 3px 10px;
}
.login_logo{
	width: 115px;
    margin-top: 18px;
}
.login_lang{
	float: right;
    padding-right: 20px;
}
.login_title{
	color: #232F3E;
	text-align: center;
	padding-top: 1em;
	font-weight: normal;
	font-size: 28px;
	font-family: 'Noto Sans', sans-serif;
}
.loginpage_link{
	font-size: 11px;	
	padding-left: 30px;
	color: #F7941F;
}
.loginpage_link:hover{
	text-decoration: underline;	
}
.loginpage_footer {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #232F3E;
   color: white;
   text-align: center;
}
.loginpage_footer p, .loginpage_footer a{
	color: #c8cfd6;
    font-size: 12px;
    text-indent: 0 !important;
    margin: .25em 0;
}
.loginpage_footer a:hover{
	color:#ffffff;
	text-decoration: underline;
}
.loginpage_footer h3{
	color:#F2F2F2;
	font-size:14px;
	text-align: left !important;
	margin-left: 0 !important;
	margin-top:.5em;
	font-weight: 500;
}
.footer_body{
	/* width: 85%; */
    margin: 0 auto;	
	display: inline-block;
}
.all-products{
	float: left;
	width: 100%;
}
.footer_box{
	width: 33%;
	text-align: left;
}
.footer-lang-box{
	float: right; 
	width: 60px; 
	margin-right:5px; 
	margin-top: .55em;
	display: block;
}
.footer-lang-bg{
	width:20px;
}
.footer-lang-en{
	width:23px;
}
.products_links{
	display: inline-block;
}

.products_links div{
	float: left;
}
.footer_link{
	color: #ffffff !important;
    font-size: 11px;
    margin-top: 5px;
    display: block;
	float: left;
} 
.footer-bottom-links{
	width: 31.5em;
    margin: .5em auto;
	display:inline-block;
}

.bottom-links-en{
	width: 21.5em;
}
.footer-bottom-links a{
	font-size: 11px !important;
	color:#c8cfd6 !important;
	text-indent: 0 !important;
	margin: 5px 10px;
}
.products_box{
	width: 25%;
    margin-left: 65px;
    float: left;
} 
.empty_box{
	width: 360px;
}
.clients_phone_box{
	width: 23em;
    float: right;
}
.copyright_p{
    font-size: 10px !important;
    color: #adadad !important;
	margin-top: .5em !important;
}


/* MEDIA */
@media screen and (max-width: 1023px) {
	.footer-bottom-links{
		width: 35em;
	}
	
	.footer_body{
		width: 65%;
	} 
	.clients_phone_box {
		width: 40%;
		float: right;
	}
	.products_box {
		width: 25%;
	}
}


@media screen and (max-width: 992px) {
	.footer-bottom-links{
		width: 35em;
	}
	.footer_body {
		width: 65%;
	}
	.products_box {
		width:30%;
	}
	.clients_phone_box {
		width: 41%;
	}
	.bottom-links-en {
		width: 38%;
	}
}

/* ----------- Galaxy Tab 2 ----------- */

@media screen and (max-width: 800px) {	
	.footer_body {
		width: 75%;
	}
	.clients_phone_box{
		width:40%;
	}
	.footer-bottom-links{
		width: 35em;
	}
	 .bottom-links-en{
		width: 50%;
	}
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

@media screen and (max-width: 768px){
	body {
		background-color: #f2f2f2 !important;
		overflow-y: auto;
		width: 100%;
	}
	.empty_box{
		display: none;
	}
	.footer-bottom-links{
		margin: 10px auto;
	}
	.bottom-links-en{
		width: 55%;
		margin: 5px auto;
	}
	.footer-bottom-links p, .footer-bottom-links a {
		margin: 5px 10px;
	}
	.loginpage_footer p {
		margin-bottom: 2px;
	}
}

/* ----------- Galaxy S3 ----------- */
@media screen and (max-width: 640px) { 
   	.products_box{
		width: 45%;
		margin-left: 0%;
	}
	.clients_phone_box{
		width: 50% ;
	}
	.footer-bottom-links {
		width: 100%;
		margin: 10px;
	}
	.bottom-links-en {
		width: 55%;
		margin: 5px auto;
	}
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
@media screen and (max-width: 568px){
	.footer_body{
		width: 80%;
		margin-left: .5em;
		float: left; 
	}

	.footer-bottom-links{
		width: 100%;
		margin: .5em 0;
	}
	.footer-bottom-links p, 
	.footer-bottom-links a {
		margin: 5px !important;
		font-size: 10px !important;
	}

}

/* ----------- Windows Phone ----------- */
@media screen and (max-width: 411px) {
	.login_title {
		font-size: 24px;
		padding-top: 10px;
	}
	#tl1 {
		margin-top: 0px;
		background: none;
		box-shadow: none;
		width: auto;
	}
	
	.login_logo {
		width: 75px;
		margin: 0 auto;
		display: block;
	}
	
	#p102 {
		width: auto;
		padding: 0;
	}
	#p102 table {
		float: inherit;
		display: block;
		background: transparent;
	}
	
	.products_box,
	.clients_phone_box{
		width: 100%;
		margin-left: 0;
	} 
	
	.footer-bottom-links p, 
	.footer-bottom-links a
	{
		margin: 3px 7px 3px 0 !important;
	}
	.footer-bottom-links{
		margin-left: .5em;
		width: 100%;
	}
	
	.err {
		padding: 0;
	}
}

/* phone devices */
@media screen and (max-width: 360px) {
	.loginpage_footer h3{
		margin: .5em 0;
	}
	.footer_body {
		width: 75%;
		margin-left: 1em;
		float: left;
	}
	.footer-lang-box{
		display: block
	}	
	.products_box{
		width: 100%;
		margin-left: 0;
	}
	.clients_phone_box{
		width: 100%;
		margin-bottom: .5em;
	}
	.footer-bottom-links {
		width: 70%;
		display: block !important;
		margin-left: 1em;
	}
	.bottom-links-en{
		width: 100%;
		font-size: 11px;
	}
	.contacts_links{
		margin-top: 0;	
	}
}

/* mini phone */
@media screen and (max-width: 320px) {
	.footer_body {
		width: 73%;
	}
	.login_title {
		font-size: 20px;
	}
	.login_logo {
		width: 70px;
	}
		
	.loginpage_footer h3{
		font-size: 12px;
	}
	.loginpage_footer p {
		margin-bottom: .15em;
	}
}




/* media screen width for laptop and PC */
@media screen and (min-width: 1024px){
	.footer-bottom-links{
		width: 51%;
	}
	.bottom-links-en{
		width: 38%;
	}
	.footer_body{
		width: 65%;
	}
	.clients_phone_box {
		width: 20em;
	}
	.products_box {
		width: 25%;
		margin-left: 7em;
	}
}

@media screen and (min-width: 1280px){
	.footer_body {
		width: 55%;
	}
	.bottom-links-en{
		width: 30% !important;
		display: block;
	}
	.products_box,
	.clients_phone_box {
		width: 17em;
	}
	.footer-bottom-links{
		width: 43%;
	}
}

@media screen and (min-width: 1366px){
	.footer-bottom-links{
		width: 40%;
		display: block;
	}
	.bottom-links-en{
		width: 28% !important;
	}
	.footer_body{
		width: 50%;
	}
	.products_box,
	.clients_phone_box {
		width: 17em; 
	}
}

@media screen and (min-width: 1600px){
	.footer_body {
		width: 45%;
		padding-left: 60px;
	}
	.footer-bottom-links {
		width: 33%;
		display: block;
	}
}

@media screen and (min-width: 1920px){
	.footer-bottom-links{
		width: 27%; 
	}
	.bottom-links-en{
		width: 20% !important;
	}
	.footer_body {
		width: 35%;
		padding-left: 60px;
	}
	.products_box{
		margin-left: 13%;
	}
}


/* media height */
@media screen and (max-height: 568px){
	body{
		overflow-y: scroll;
		min-height: 568px;
	}
	/*.loginpage_footer {
		position: fixed;
	}*/
}

@media screen and (max-height: 620px){
	.loginpage_footer{
       position: relative; 
       height: 335px;
	}
}