@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* { 
	margin: 0;
	padding: 0px;
 
} 
body {
	background: #fff;
	margin: 0;
	color: #444;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	color:#000;
}


p { 
	padding: 0; 
	margin-bottom: 12px; 
	font-weight: 300;
	font-size: 14px; 
	line-height: 22px;
	letter-spacing: 1px;
	color: #4b4b4b; 
	margin-top: 10px; 
}

html,
body {
	height: 100%;
}
/*--------login page--------*/
h2 {

	color:#000;
	text-align:center;
	font-size:25px;
}

.login-logo{
	margin:10px auto 0px auto; }
	
.login-lk{
	margin:15px auto ;
	display:inline-block
}


.four_home{background-color: #999;}


.logins{
	margin:7px auto;
	padding:9px 0px;
	
	
}
.box
{
	background-image: url(../images/shadow.png);
	padding-bottom: 25px;
	background-repeat: no-repeat;
	background-position: center bottom;  
}
.box-in{
	 background:#fff;
	   -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	overflow:hidden;
}
.box.login
{
    width:370px;
	position:absolute;
	left:50%;
	top:40%;
	margin:-130px 0 0 -166px;
	z-index:2;
}
.boxBody
{
    background:#fefefe;
    padding:10px 34px;
}

.box footer
{
    background:#eff4f6;
    border-top:1px solid #fff;
    padding:22px 26px;
    overflow:hidden;
	height:32px;
}
.box label
{
    display:block;
    margin:10px 0 0 6px;
}
.box footer label{
	float:left;
	margin:4px 0 0;
}
.box footer input[type=checkbox]{
	vertical-align:sub;
	*vertical-align:middle;
	margin-right:10px;
}
.box input[type=text],
.box input[type=password],
.txtField,
.cjComboBox
{
    border:1px solid #cecece;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin:5px 0 4px;
    padding:11px 6px;
    width:270px;
    display:block;
	background:#f6f6f6;
}
.box input[type=text]:focus,
.box input[type=password]:focus,
.txtField:focus,
.cjComboBox:focus
{

	color:#333;
}
.cjComboBox
{
    width:294px;
}
.cjComboBox.small
{
    padding:3px 2px 3px 6px;
    width:100px;
    border-width:3px !important;
}
.txtField.small
{
    padding:3px 6px;
    width:200px;
    border-width:3px !important;
}

.rLink{padding:0 6px 0 0; font-size:11px; float:right;}
.box a{color:#8b8b8b; font-weight:normal}
.box a:hover, .box a:focus{text-decoration:underline;}
.box a:active{color:#f84747;}
footer#main{
	position:fixed;
	left:0;
	bottom:10px;
	text-align:center;
	width:100%;
}

.bt-div{
	width:100%;
	position:absolute;
	bottom:0px;
	
}
 
.hvr-float-shadow {
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, .5);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index:2;
	content: '';
	top: 105%;
	left: 5%;
	height: 52px;
	width: 95%;
	opacity: 0.9;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 80%);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
	
	
}


/*.hvr-float-shadow:after
{
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
		position:absolute;
		bottom:-10px;
		z-index:5;
}*/
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.wrap {
    margin: 0 auto;
    width: 80%;
	position: absolute;
	bottom:0px;
}
.copy-right {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.copy-right p {
	color: #000;
	font-size: 11px;
	font-weight: 400;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.footer_img{
	width:100%;
	position:absolute;
	z-index:1;
	    bottom: 0px;
 }

.footer_wrap .copy-right{
	width:100%;
	position:absolute;
	z-index:2;
	    bottom: 0px;
		text-align:center;
 }
.footer_wrap .copy-right img{
	max-width:100%;
	
}
@media (min-width: 768px) and (max-width: 1024px) {
	
}


 @media (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) {
	 
 }


@media (min-width: 1024px) and (max-width: 1800px) {
	
	
}